hc-contact-form

ContactForm Component

ContactForm component provides a Form layout with GraphQl integrations for adding new Contact

View on NPM »

About

ContactForm provides layout as well as functionality for adding Contact in the ChatList shell of Conversation Pannel. This component layout is currently matched pixel perfect with the Contact Form shown in this Figma Link.

Usage

Storybook

Setup

1. Install the ContactForm component.

npm install hc-contact-form --save

1. Import the ContactForm.

import ContactForm from 'hc-contact-form';

1. Mount the ContactForm component on the DOM

ReactDOM.render(<ContactForm />, document.getElementById('root'));

1. Run the App

npm start

Setup for running the development version

1. Open the index.js file & Uncomment the "Development code" part & comment on the "Production Code" part.

2. Open package.json file & temporarily remove the "homepage" key pair.

3. Run npm start.

Command for running the test cases

npm test -- --coverage

Props of HeaderBar component

Props	Type	Description
contactFormClassname	string	The className of container