AccordionExample() — ui Function Reference

Architecture documentation for the AccordionExample() function in accordion-example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ AccordionExample() — ui Function Reference

Dependency Diagram

graph TD
  7ad1d5dc_0ebe_0c3e_402c_8b3e8998bccc["AccordionExample()"]
  109831b8_6d36_384f_fc0c_f16bc28a4f95["accordion-example.tsx"]
  7ad1d5dc_0ebe_0c3e_402c_8b3e8998bccc -->|defined in| 109831b8_6d36_384f_fc0c_f16bc28a4f95
  style 7ad1d5dc_0ebe_0c3e_402c_8b3e8998bccc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/accordion-example.tsx lines 21–31

export default function AccordionExample() {
  return (
    <ExampleWrapper className="w-full max-w-4xl lg:grid-cols-1 2xl:max-w-4xl 2xl:grid-cols-1">
      <AccordionBasic />
      <AccordionMultiple />
      <AccordionWithBorders />
      <AccordionInCard />
      <AccordionWithDisabled />
    </ExampleWrapper>
  )
}