components / accordion
accordion.
collapsible rows on native <details>/<summary> with a rotating chevron. share a name across items for one-open-at-a-time behavior. zero javascript state.
what is this?
a collapsible row built on native <details> — no javascript state.
how does exclusivity work?
siblings sharing a name auto-close each other, browser-handled.
can i nest content?
yes — any children render in the open panel.
installation
bunx @justin06lee/chrome@latest add accordionprops
| name | type | default | description |
|---|---|---|---|
| AccordionItem.title * | ReactNode | - | |
| AccordionItem.defaultOpen | boolean | - | open on first render. |
| AccordionItem.name | string | - | a shared name makes the group exclusive. |