@ai12z/react v3.0.15

react-library

TODO: description

Usage

const reactLibrary = require('react-library');

We are providing the option named as dataAttributes for assigning the JSON object programmatically and sending those object to the API payload for furthur use.

<script>
  const ele = document.querySelector('ai12z-cta');
  ele.dataAttributes = {
    content: {
      newlist: [
        {
          _uid: "BUY6Drn9e1",
          component: "foo",
          headline: "Foo"
        },
        {
          _uid: "gJZoSLkfZV",
          component: "bar",
          title: "Bar"
        },
        {
          _uid: "X1JAfdsZxy",
          component: "foo",
          headline: "Another headline"
        }
      ]
    }
};
</script>

Setup

To install from npm

npm install @ai12z/react

Getting Started

• Include this below command to use the control.

import { Ai12zCta, Ai12zKnowledgeBox } from '@ai12z/react'

• Then you can use the element anywhere in your template.
• The control named as Ai12zCta allows us to show the search results along with the follow up chat conversations and customize our search results.
• This control is having two tag element which is mentioned below.

<Ai12zCta>
  <privacy></privacy>
  <cta></cta>
</Ai12zCta>

• (Optional) This tag element allows us to add the privacy policy links.

• (Optional) This tag element allows us to customize our page by adding our own tag elements within this element.

• The control contains following properties to customize the page.

• The second control named as Ai12zKnowledgeBox allows us to send the query programmmatically through javascript and rendering the query results by clicking on a button.