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 |