Accordion
A vertically stacked set of interactive headings that each reveal an associated section of content built with Headless UI.
Animate UI is an open-source distribution of React components built with TypeScript, Tailwind CSS, and Motion.
Installation
Props
Animate UI props
AccordionButton
| Prop | Type | Default |
|---|---|---|
transition? | Transition | { type: 'spring', stiffness: 150, damping: 17 } |
AccordionPanel
| Prop | Type | Default |
|---|---|---|
transition? | Transition | { type: 'spring', stiffness: 150, damping: 17 } |
Credits
- We use Headless UI for the disclosure component.
- We take our inspiration from Shadcn UI for the accordion style.
Tooltip
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
Checkbox NEW
Checkboxes provide the same functionality as native HTML checkboxes, without any of the styling, giving you a clean slate to design them however you'd like.