Accordion
Allows the user to show and hide sections of related content on a page.
version
5.0.0-alpha.32
install
yarn add @welcome-ui/accordion
usage
import { Accordion } from '@welcome-ui/accordion'
About #
Built with Reakit for a better accessibility 🌈
Usage #
Visible at start #
Add visible property to open at start the accordion
With a custom icon #
Customize the icon with a node element on property icon
Note that the custom icon's size property will be set to small
Properties #
| Name | Type(s) | Default | Required |
|---|---|---|---|
| title | string Element | ||
| icon | Element | <RightIcon /> | |
| visible | Boolean @deprecated will be replace by open on ariakit (reakit v2) | false | |
| open | Boolean Open the hidden content on load | false |