AccordionBasic() — ui Function Reference

Architecture documentation for the AccordionBasic() function in accordion-basic.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ AccordionBasic() — ui Function Reference

Dependency Diagram

graph TD
  b114faca_ea04_28ed_ad5d_6a26f880d6a0["AccordionBasic()"]
  e9e70535_2f47_9bac_0c00_dbc9e248a4de["accordion-basic.tsx"]
  b114faca_ea04_28ed_ad5d_6a26f880d6a0 -->|defined in| e9e70535_2f47_9bac_0c00_dbc9e248a4de
  style b114faca_ea04_28ed_ad5d_6a26f880d6a0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/accordion-basic.tsx lines 29–45

export function AccordionBasic() {
  return (
    <Accordion
      type="single"
      collapsible
      defaultValue="item-1"
      className="max-w-lg"
    >
      {items.map((item) => (
        <AccordionItem key={item.value} value={item.value}>
          <AccordionTrigger>{item.trigger}</AccordionTrigger>
          <AccordionContent>{item.content}</AccordionContent>
        </AccordionItem>
      ))}
    </Accordion>
  )
}