Accordion

Collapsible content sections with smooth height animation. Supports single or multiple open items.

Import

import { Accordion } from "@igorao79/uivix";

Examples

Single

Only one item open at a time

A React + Tailwind CSS component library with animated text, backgrounds and more.
Yes, everything ships with full TypeScript definitions.
Every component accepts className so you can override any style.

Multiple

Several items can stay open

A React + Tailwind CSS component library with animated text, backgrounds and more.
Yes, everything ships with full TypeScript definitions.
Every component accepts className so you can override any style.

Props

PropTypeDefaultDescription
items{ id: string; title: ReactNode; content: ReactNode }[]-Accordion sections
multiplebooleanfalseAllow several items open at once
defaultOpenstring[][]Ids open by default
classNamestring-Additional CSS classes