@pongo-ui/react-accordion
v0.0.4
Published
A component used to show and hide nested information.
Downloads
6
Readme
Accordion
The Accordion component is used to show and hide nested information.
Use
- Install the @pongo-ui/react-accordion component.
Using NPM
npm install @pongo-ui/react-accordion
Using Yarn
yarn add @pongo-ui/react-accordion
Install the @pongo-ui/react-provider and our theme tokens from @pongo-ui/react-theme
Set up the provider in your app:
import { Provider } from '@pongo-ui/react-provider'
import { webLightTheme } from '@pongo-ui/react-theme'
const MyApp = () => {
return (
<Provider theme={webLightTheme}>
<Provider>
)
}
- Integrate the Accordion component.
import { Provider } from '@pongo-ui/react-provider'
import { webLightTheme } from '@pongo-ui/react-theme'
import { Accordion, ... } from '@pongo-ui/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.