Components
Loading preview...
Accordion component based on Radix UI.
npx shadcn@latest add https://21st.dev/r/sean0205/accordionimport {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from '@/components/ui/accordion';
const DemoOne = () => {
return (
<div className="flex w-full h-screen justify-center items-center p-10">
<Accordion type="single" collapsible className="w-full">
<AccordionItem value="reui-1">
<AccordionTrigger>What is ReUI?</AccordionTrigger>
<AccordionContent>
ReUI provides ready-to-use CRUD examples for developers.
</AccordionContent>
</AccordionItem>
<AccordionItem value="reui-2">
<AccordionTrigger>Who benefits from ReUI?</AccordionTrigger>
<AccordionContent>
Developers looking to save time with pre-built CRUD solutions.
</AccordionContent>
</AccordionItem>
<AccordionItem value="reui-3">
<AccordionTrigger>Why choose ReUI?</AccordionTrigger>
<AccordionContent>
ReUI simplifies development with plug-and-play CRUDs.
</AccordionContent>
</AccordionItem>
</Accordion>
</div>
);
};
export { DemoOne };