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