Package Exports
- kapoorangular
- kapoorangular/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (kapoorangular) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Functionality
Provide the smart React UI component to display FAQ (frequently asked questions) for users
(Demo https://stackblitz.com/edit/react-hm1lb8?file=src/App.js).
| minimal setup | with custom styles |
|---|---|
 |
 |
Usage (Demo https://stackblitz.com/edit/react-hm1lb8?file=src/App.js)
import ReactFaqList from 'react-faq-list/dist';
const data = [
{ 'question' : 'How user can apply ?' , 'answer' : 'Go the Homepage and click on ....'},
{ 'question' : 'Do we needPlus account?' , 'answer' : 'No,it is not required for all..'},
{ 'question' : 'What is your email ?' , 'answer' : 'someEmilId@domain.com'}
];
/* minimal setup */
<ReactFaqList data={data} questionKeyName={'question'} answerKeyName={'answer'} />
/* with custom styles */
<ReactFaqList data={data} questionKeyName={'question'} answerKeyName={'answer'}
answerStyles={{"fontSize":"1.2em","padding":"2%","boxShadow":"1px 2px 3px #928e8e","background":"#faebd7"}}
questionStyles={{fontSize:'1.5em',color:'#f58d03'}}
/>
Props Table
| prop name | functionality | required/optional |
|---|---|---|
| data | Data of questions and answers in form of array of json | *required |
| questionKeyName | Name of key name in JSON for questions | *required |
| answerKeyName | Name of key name in JSON for answers | *required |
| questionStyles | Styling object for questions | optional |
| answerStyles | Styling object for answers | optional |
Installation
npm i react-faq-list
Contributor(s)
Mohit Kapoor -@2cool2envy - kapoormohit01@gmail.com
Let's together make it more better
eMail : kapoormohit01@gmail.com