Skip to main content

React Accordion

An unstyled, accessible accordion library for React apps and design systems

npm install @szhsin/react-accordion
Getting Started

Unstyled

Providing behaviour and data/state management without enforcing any styles. Freely customising for your React app or design system.

Headless UI

While the components render markup with good default settings, the React Hooks give you complete control of render outputs.

WAI-ARIA Compliant

Fully accessible and compliant with the Accordion Pattern. Supports keyboard navigation.

Animation

Supports open and close animation with full state transition cycle, thanks to the react-transition-state library.