Navigation

Accordion

Expandable sections with a height-and-padding collapse on the emphasized curve.

Accordion

import { Accordion } from '@anomalia-so/ui';

Notes

mode="single" closes the others; the open set is bindable, so it can be driven from a URL.

Height, padding and opacity animate together on the emphasized curve, so the section grows instead of popping.

Brief What the brand sounds like

Warm, concrete, never corporate. Short sentences. No exclamation marks.

Audience

Channels

Prop	Type	Default	Description
`open`	`string[]`	—	Bindable open values.
`items`	`{ value, title, subtitle?, disabled? }[]`	—	Sections.
`mode`	`'single' \| 'multiple'`	`'single'`	Exclusive or not.
`children`	`Snippet<[string]>`	—	Panel body for a given value.

Every component also forwards the native attributes of its root element, plus class, so anything not listed here still works.