docubot-client v1.1.0

Client Components for DocuBot

Install:

npm install docubot-client

Usage

import {Docubot} from 'docubot-client';

// Add the styled component from docubot to your page eg:

const Home = () => {
    return (
        <div class="w-screen h-screen p-20">
            <DocuBot
            headerColour={"#3E3E3E"}
            headerText={"DocuBot"}
            headerTextColour={"white"} 
            headerImage={"YOUR_IMAGE_URL"} 
            backgroundColour={"#FFFDFD"}
            placeHolderText={"Ask a question..."}
            inputColour={"#E2E2E2"}
            sendButtonColour={"#746F6F"}
            loaderBackgroundColour={"black"}
            messageBoxBackgroundColour={"#D9D9D9"} 
            loader={"flow"}
            userIconColour={"black"}
            iconBoxColour={"#D9D9D9"} 
            showLineNumbers={false} 
            codeTheme={"dracula"}
            messageSendBoxType={"input"}
            sendIconColour={"white"}
            messageTextColour={"black"}
            docKey={"YOUR_API_KEY"}
            />
        </div>
    )
}

export default Home;

// The chatBot will fill the space that it is given, so you can add it anywhere in your app.