Files
nanocode/RetroUI/preview/components/accordion-style-default.tsx
T
Ubuntu 32b43f85bd a
2026-07-03 16:58:28 +08:00

29 lines
953 B
TypeScript

"use client";
import { Accordion } from "@/components/retroui/Accordion";
export default function AccordionStyleDefault() {
return (
<Accordion type="single" collapsible className="space-y-4 w-full">
<Accordion.Item value="item-1">
<Accordion.Header>Accordion Item 1</Accordion.Header>
<Accordion.Content>
This is the content of the first accordion item.
</Accordion.Content>
</Accordion.Item>
<Accordion.Item value="item-2">
<Accordion.Header>Accordion Item 2</Accordion.Header>
<Accordion.Content>
This is the content of the second accordion item.
</Accordion.Content>
</Accordion.Item>
<Accordion.Item value="item-3">
<Accordion.Header>Accordion Item 3</Accordion.Header>
<Accordion.Content>
This is the content of the third accordion item.
</Accordion.Content>
</Accordion.Item>
</Accordion>
);
}