AccordionDemo() — ui Function Reference

Architecture documentation for the AccordionDemo() function in accordion-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ AccordionDemo() — ui Function Reference

Dependency Diagram

graph TD
  28741e9c_cff1_f546_b7e2_cef1c6a0fbf6["AccordionDemo()"]
  d7d57956_a926_884e_dd31_1a363cb86765["accordion-demo.tsx"]
  28741e9c_cff1_f546_b7e2_cef1c6a0fbf6 -->|defined in| d7d57956_a926_884e_dd31_1a363cb86765
  style 28741e9c_cff1_f546_b7e2_cef1c6a0fbf6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/accordion-demo.tsx lines 8–39

export default function AccordionDemo() {
  return (
    <Accordion
      type="single"
      collapsible
      defaultValue="shipping"
      className="max-w-lg"
    >
      <AccordionItem value="shipping">
        <AccordionTrigger>What are your shipping options?</AccordionTrigger>
        <AccordionContent>
          We offer standard (5-7 days), express (2-3 days), and overnight
          shipping. Free shipping on international orders.
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="returns">
        <AccordionTrigger>What is your return policy?</AccordionTrigger>
        <AccordionContent>
          Returns accepted within 30 days. Items must be unused and in original
          packaging. Refunds processed within 5-7 business days.
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="support">
        <AccordionTrigger>How can I contact customer support?</AccordionTrigger>
        <AccordionContent>
          Reach us via email, live chat, or phone. We respond within 24 hours
          during business days.
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  )
}