Nooxit
Components

Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

Installation

import { ... } from 'nooxit-design-system/components/accordion';

Notes

The Figma kit inverts the stock chevron: it points up while the item is closed and rotates down when the item opens. Triggers are text-base with a leading-6 line height and underline on hover; the panel body is text-sm.

Source — src/components/accordion.tsx
Figma — Accordion in the Nooxit UI kit

On this page