DocsGPT/extensions/react-widget
2024-04-13 16:01:46 +05:30
..
src refactored fs, fix: untracked dir 2024-04-13 16:01:46 +05:30
.gitignore shifted to parcel, styled-components 2024-03-05 21:15:58 +05:30
.parcelrc shifted to parcel, styled-components 2024-03-05 21:15:58 +05:30
custom.d.ts shifted to parcel, styled-components 2024-03-05 21:15:58 +05:30
package-lock.json refactored fs, fix: untracked dir 2024-04-13 16:01:46 +05:30
package.json refactored fs, fix: untracked dir 2024-04-13 16:01:46 +05:30
README.md adding fallback avatar 2024-03-06 01:58:52 +05:30
tsconfig.json shifted to parcel, styled-components 2024-03-05 21:15:58 +05:30

DocsGPT react widget

This widget will allow you to embed a DocsGPT assistant in your React app.

Installation

npm install  docsgpt

Usage

    import { DocsGPTWidget } from "docsgpt";

    const App = () => {
      return <DocsGPTWidget />;
    };

To link the widget to your api and your documents you can pass parameters to the component.

    import { DocsGPTWidget } from "docsgpt";

    const App = () => {
      return <DocsGPTWidget 
             apiHost = 'http://localhost:7001',
             selectDocs = 'default', 
             apiKey = '',
             avatar = 'https://d3dg1063dc54p9.cloudfront.net/cute-docsgpt.png',
             title = 'Get AI assistance',
             description = 'DocsGPT\'s AI Chatbot is here to help',
             heroTitle = 'Welcome to DocsGPT !',
             heroDescription='This chatbot is built with DocsGPT and utilises GenAI, please review important information using sources.'
             />;
    };

Our github

DocsGPT

You can find the source code in the extensions/react-widget folder.