Components
A set of headings, vertically stacked, that each reveal an related section of content. Commonly referred to as an accordion.
Loading preview...
import { CollapseGroup, Collapse } from "@/components/ui/collapse-1";
export default function DefaultDemo() {
return (
<div className="w-3/4">
<CollapseGroup>
<Collapse title="Question A">
<div className="mb-4">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
</div>
</Collapse>
<Collapse title="Question B">
<div className="mb-4">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.
</div>
</Collapse>
</CollapseGroup>
</div>
);
}
Loading preview...
Loading preview...
Loading preview...