Accordion
Built with Reakit for a better accessibility 🌈
Install and import
Example
Visible at start
Add visible
property to open at start the accordion
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
With a custom icon
Customize the icon with a node element on property icon
Properties
Name | Type(s) | Default | Required |
---|---|---|---|
children | node | ||
icon | node | <RightIcon size="sm" /> | |
title | node | ||
visible | bool | false |
Dependencies
- - @welcome-ui/icons.right^2.0.2
- - @welcome-ui/system^2.0.2
- - react-animate-height^2.0.22
- - reakit^1.1.1
Peer dependencies
- - @xstyled/styled-components^1.17.0
- - @xstyled/system^1.17.0
- - react^16.10.2
- - react-dom^16.10.2
- - styled-components^4.0.0 || ^5.0.0