0.1.31 • Published 2 years ago
react-faq-acordion v0.1.31
React FAQ Accordion
Demo: https://react-faq-acordion-demo.vercel.app/
Frequently Asked Questions Component for React
How To Install?
npm i react-faq-acordion
Required Props Array
const data = [
{ title:'Heading 1',
paragraph: 'Some text Here'},
{ title:'Heading 2',
paragraph: 'Some text Here 2'}
]
How To Use?
import { Accordion } from 'react-faq-acordion';
const someComponent = ()=>(
<Accordion
data={data}
theme='dark'
/>
)
Style
width: 90%; margin: 0 auto;
The component is set to 90% available width and margin 0 auto. To set a max-width wrap it in a div tag or similar with a custom max-width to your need.
Props
Prop | Type | Is Required? | Options |
---|---|---|---|
data | Array | Required | Array with objects |
theme | String | Optional | dark,green,netflix,blue,purple |
netflix has a netflix faq style
data=Array : Type = Array, Scheme in the first comments.
theme='String' Type = String, The default theme is White. Available: dark, blue, green, purple and white (Default).
Screenshot
Available on Github
0.1.31
2 years ago
0.1.2544
3 years ago
0.1.2543
3 years ago
0.1.2541
3 years ago
0.1.254
3 years ago
0.1.253
3 years ago
0.1.252
3 years ago
0.1.251
3 years ago
0.1.250
3 years ago
0.1.249
3 years ago
0.1.248
3 years ago
0.1.35
3 years ago
0.1.3
3 years ago
0.1.247
3 years ago
0.1.246
3 years ago
0.1.245
3 years ago
0.1.24
3 years ago
0.1.23
3 years ago
0.1.22
3 years ago
0.1.21
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.0
3 years ago