Accordion

import { Accordion } from '@/components/sora-ui/disclosure/accordion';

const items = [
  {
    title: 'What is Sora UI?',
    content:
      'Sora UI is an animated component registry for React and Next.js, built on Motion.',
    defaultOpen: true,
  },
  {
    title: 'How do I install a component?',
    content: 'Run npx shadcn@latest add @soralabs/accordion after initializing shadcn/ui.',
  },
];

export default function Page() {
  return <Accordion items={items} />;
}

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

export default function Page() {
  return (
    <Accordion>
      <AccordionItem defaultOpen>
        <AccordionTrigger>Custom layout</AccordionTrigger>
        <AccordionContent>
          <div className="pb-5 text-sm">Your own markup here.</div>
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  );
}