Accordion
Raised clay cards that open like soft hinges — the chevron well presses in and the panel height animates to its measured size.
import { Accordion } from "marclayui";Basic
Soft extruded shapes with two opposing shadows and a colored inner glow.
Every component adapts from mobile to desktop without extra classes.
Yes — plain, hand-written CSS driven by design tokens.
Multiple open
Both formats are built with type definitions included.
Side effects are declared only for stylesheets.
| Prop | Type | Default | Description |
|---|---|---|---|
items | AccordionEntry[] | — | { title, content } pairs. |
defaultOpen | number | -1 | Index opened initially. |
exclusive | boolean | true | Only one panel open at a time. |