chatty-form

chatty-form copied to clipboard

A highly theme-able and customisable form in the shape of a chat based interface for React.

Getting Started

Install chatty-form and it's peer dependencies in your project from npm or yarn

npm install chatty-form framer-motion

# or

yarn add chatty-form framer-motion

Usage

This package contains only 4 components. A parent ChattyForm component and three input components Input, Select & MultiSelect which interact with the user.

Wrap any of the input component in <Chattyform/> to get started. Let's write the basic amount of code to get it up and running.

<ChattyForm>
  <Input
    name="name"
    question="Howdy! What's your name?"
    placeholder="Type your answer"
  />
</ChattyForm>

There you go! We are now successfully using chatty-form.

You can find detailed documentation on the website.