Accordion
Collapsible panels with single or multiple expansion modes and full keyboard support.
Preview
example.tsxtsx
Every token is a CSS variable under `--sisyphos-*`. Override them globally or scoped to any DOM subtree.
React 17, 18, and 19. All components are `forwardRef` with stable `displayName`.
Yes. Install the umbrella for DX, or import individual component packages for the smallest footprint.
Installation
Install the individual package:
snippet.bashbash
pnpm add @sisyphos-ui/accordion @sisyphos-ui/coreOr use the umbrella package that bundles everything:
snippet.bashbash
pnpm add @sisyphos-ui/uiUsage
Import the component styles and the component itself:
snippet.tsxtsx
import "@sisyphos-ui/accordion/styles.css";
import { Accordion } from "@sisyphos-ui/accordion";API
Props table is being written. See the package README for the complete API surface.
The full API including refs, ARIA attributes, and HTML passthroughs lives in the package README.