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
  2d4e03c4_7954_84df_618d_39e11c9c3c4e["AccordionBasic()"]
  9333b69c_9da5_b5af_8ec8_ca3a821c1f6a["accordion-basic.tsx"]
  2d4e03c4_7954_84df_618d_39e11c9c3c4e -->|defined in| 9333b69c_9da5_b5af_8ec8_ca3a821c1f6a
  style 2d4e03c4_7954_84df_618d_39e11c9c3c4e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/accordion-basic.tsx lines 29–40

export function AccordionBasic() {
  return (
    <Accordion 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>
  )
}