seamui
exampleaccordion-singlesource: ok · hit
Accordion Single
npx shadcn add "https://seamui.dev/r/accordion-single.json"free
Interaction
accordion
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lightRegistry dependencies
https://seamui.dev/r/accordion.json
Files1 · source cached 10/15/2026, 1:35:50 AM
registry/seam/examples/accordion-single.tsx
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/registry/seam/ui/accordion"
// multiple={false} — opening one item closes the others.
export default function AccordionSingle() {
return (
<Accordion multiple={false} defaultValue={["item-1"]} className="w-80">
<AccordionItem value="item-1">
<AccordionTrigger>What are springs?</AccordionTrigger>
<AccordionContent className="text-muted-foreground">
Physics-based motion that reacts to velocity, not a fixed clock.
</AccordionContent>
</AccordionItem>
<AccordionItem value="item-2">
<AccordionTrigger>What is depth?</AccordionTrigger>
<AccordionContent className="text-muted-foreground">
A virtual z-axis: presses recede, overlays rise.
</AccordionContent>
</AccordionItem>
<AccordionItem value="item-3">
<AccordionTrigger>What is touch feedback?</AccordionTrigger>
<AccordionContent className="text-muted-foreground">
Every control reacts to press within a frame and settles springy.
</AccordionContent>
</AccordionItem>
</Accordion>
)
}