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
  119b1187_cdef_fbc7_d6e7_25bd8fbc4122["AccordionMultiple()"]
  41ee1c62_2fed_841e_e9dc_8f05c991896a["accordion-multiple.tsx"]
  119b1187_cdef_fbc7_d6e7_25bd8fbc4122 -->|defined in| 41ee1c62_2fed_841e_e9dc_8f05c991896a
  style 119b1187_cdef_fbc7_d6e7_25bd8fbc4122 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/accordion-multiple.tsx lines 29–44

export function AccordionMultiple() {
  return (
    <Accordion
      type="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>
  )
}