React Component · Layout

Bordered Accordion

The contained treatment: the same accordion framed in a `radius-md` bordered surface — an alternate structure for settings panels and cards, driven entirely by the root's `className`. The trigger's inset focus ring is what makes this work: it is never clipped by the container's `overflow-hidden`.