AccordionMultiple() — ui Function Reference

Architecture documentation for the AccordionMultiple() function in accordion-multiple.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ AccordionMultiple() — ui Function Reference

Dependency Diagram

graph TD
  e479d3a1_cb1d_f873_a88c_41ceac1be4f4["AccordionMultiple()"]
  22ba2985_31c8_27b2_c2f3_d47ad590c272["accordion-multiple.tsx"]
  e479d3a1_cb1d_f873_a88c_41ceac1be4f4 -->|defined in| 22ba2985_31c8_27b2_c2f3_d47ad590c272
  style e479d3a1_cb1d_f873_a88c_41ceac1be4f4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

export function AccordionMultiple() {
  return (
    <Accordion multiple className="max-w-lg" defaultValue={["notifications"]}>
      {items.map((item) => (
        <AccordionItem key={item.value} value={item.value}>
          <AccordionTrigger>{item.trigger}</AccordionTrigger>
          <AccordionContent>{item.content}</AccordionContent>
        </AccordionItem>
      ))}
    </Accordion>
  )
}