Accordion

Built with Reakit for a better accessibility 🌈

Install and import

yarn add @welcome-ui/accordion @xstyled/styled-components @xstyled/system react react-dom styled-components

import { Accordion } from '@welcome-ui/accordion'

Usage

Accordion title
AC
Accordion title
Show editor

Visible at start

Add visible property to open at start the accordion

Accordion title
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.
Show editor

With a custom icon

Customize the icon with a node element on property icon

Accordion title
Show editor

Properties

Dependencies

• - @welcome-ui/icons.right
  ^3.0.0
• - @welcome-ui/system
  ^3.0.0
• - react-animate-height
  ^2.0.23
• - reakit
  ^1.3.6

Peer dependencies

• - @xstyled/styled-components
  ^2.2.3
• - @xstyled/system
  ^2.2.3
• - react
  ^16.10.2 || ^17.0.1
• - react-dom
  ^16.10.2 || ^17.0.1
• - styled-components
  ^5.2.1