npm i react-faq-acordionconst data = [
{ title:'Heading 1',
paragraph: 'Some text Here'},
{ title:'Heading 2',
paragraph: 'Some text Here 2'}
]
import { Accordion } from 'react-faq-acordion';
const someComponent = ()=>(
<Accordion
data={data}
theme='dark'
/>
)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.
| Prop | Type | Is Required? | Options |
|---|---|---|---|
| data | Array | Required | Array with objects |
| theme | String | Optional | dark,green,netflix,blue,purple |
| customTheme | Object | Optional | Object with styles props |
netflix has a netflix faq style
theme='String' Type = String, The default theme is White. Available: dark, blue, green, purple, custom and white (Default).
import { Accordion } from 'react-faq-acordion';
const someComponent = ()=>{
const theme = {
backgroundHeader: '#ffaf00',
background: `#ffe4a9`,
color: `#000`,
borderBottom: `.5px solid #fff`,
}
return (
<Accordion
data={data}
theme='custom'
customTheme={theme}
/>
)
}
Available on Github
