Accordion

npx @obi/ui add accordion

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

export default function Example() {
  return (
    <div className="max-w-sm">
      <Accordion type="single" collapsible defaultValue="item-1">
        <AccordionItem value="item-1">
          <AccordionTrigger>What is Obi UI?</AccordionTrigger>
          <AccordionContent>
            Obi UI is a token-based component library for React, built on Tailwind v4.
          </AccordionContent>
        </AccordionItem>
        <AccordionItem value="item-2">
          <AccordionTrigger>How do I install it?</AccordionTrigger>
          <AccordionContent>
            Run npx @obi/ui add [component] to copy any component into your project.
          </AccordionContent>
        </AccordionItem>
        <AccordionItem value="item-3">
          <AccordionTrigger>Does it support dark mode?</AccordionTrigger>
          <AccordionContent>
            Yes — all components use semantic tokens that respond to the .dark class on the root element.
          </AccordionContent>
        </AccordionItem>
      </Accordion>
    </div>
  );
}