WUI logo

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 #

NameType(s)DefaultRequired
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

Packages #

Dependencies #
Peer dependencies #

Previous

Text