React

Available on Web platform.

Installation

1. Install the @alan-ai/alan-sdk-web package and import the alanBtn into your component:

   $ npm install @alan-ai/alan-sdk-web --save

   import alanBtn from "@alan-ai/alan-sdk-web";

   Or just add the alan_lib.js library to your index.html page via script tag:

   <script type="text/javascript" src="https://studio.alan.app/web/lib/alan_lib.min.js"></script>

2. Add the Alan Button to your React component (for example, in the the componentDidMount method).

   componentDidMount() {
       this.alanBtnInstance = alanBtn({ key: 'YOUR_KEY_FROM_ALAN_STUDIO_HERE' });
   }

   See an example of the React app with the Alan Button here.