@cebus/react-accordion
v0.0.1
Published
A component used to show and hide nested information.
Downloads
10
Readme
Accordion
The Accordion component is used to show and hide nested information.
Use
- Install the @cebus/react-accordion component.
Using NPM
npm install @cebus/react-accordion
Using Yarn
yarn add @cebus/react-accordion
Install the @cebus/react-provider and our theme tokens from @cebus/react-theme
Set up the provider in your app:
import { Provider } from '@cebus/react-provider'
import { webLightTheme } from '@cebus/react-theme'
const MyApp = () => {
return (
<Provider theme={webLightTheme}>
<Provider>
)
}
- Integrate the Accordion component.
import { Provider } from '@cebus/react-provider'
import { webLightTheme } from '@cebus/react-theme'
import { Accordion, ... } from '@cebus/react-accordion'
const MyApp = () => {
return (
<Provider theme={webLightTheme}>
<Accordion >
...
</Accordion>
<Provider>
)
}
API
To learn more about the Accordion API take a look at the Accordion Interface file.