Accordion

npx shadcn@latest add https://brutallab.facilito.dev/r/accordion.json

'use client';

import {
  Accordion,
  AccordionItem,
  AccordionTrigger,
  AccordionContent,
} from '@/components/ui/accordion';

export default function Demo() {
  return (
    <Accordion className="w-full max-w-lg" defaultValue={['install']}>
      <AccordionItem value="install">
        <AccordionTrigger>How do I install a component?</AccordionTrigger>
        <AccordionContent>
          Start the local registry, then copy the installation command from the
          component documentation.
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="ownership">
        <AccordionTrigger>Can I customize the source?</AccordionTrigger>
        <AccordionContent>
          Yes. Components are copied into your project so you can change them.
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="disabled" disabled>
        <AccordionTrigger>Team settings (unavailable)</AccordionTrigger>
        <AccordionContent>Team settings.</AccordionContent>
      </AccordionItem>
    </Accordion>
  );
}