Accordion
unreleasedstable
A set of collapsible panels with headings and content.
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion";
export function Component() {
return (
<Accordion class="w-full">
<AccordionItem value="item-1">
<AccordionTrigger>What is this?</AccordionTrigger>
<AccordionContent>Accordion is a Core-backed UI disclosure pattern.</AccordionContent>
</AccordionItem>
</Accordion>
);
}Accordion
Root container for a controlled or uncontrolled disclosure set.
AccordionItem
A single item wrapper with an optional disabled state.
AccordionTrigger
Accessible trigger for opening and closing one item.
AccordionContent
Panel region rendered under a trigger with keyboard and state support.
Keystone UI is a source-owned Solid component system for design systems and web apps.
Keystone is not released yet. The registry and install flow are still being shaped in this repo.
Open items: None
This item remains interactive.