Accordion() — ui Function Reference

Architecture documentation for the Accordion() function in accordion.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ Accordion() — ui Function Reference

Dependency Diagram

graph TD
  9c79ee42_67f4_2a9c_265d_255e74d34e64["Accordion()"]
  7884a933_1f1c_2d1c_389b_797f843da4b9["accordion.tsx"]
  9c79ee42_67f4_2a9c_265d_255e74d34e64 -->|defined in| 7884a933_1f1c_2d1c_389b_797f843da4b9
  style 9c79ee42_67f4_2a9c_265d_255e74d34e64 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/accordion.tsx lines 9–20

function Accordion({
  className,
  ...props
}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
  return (
    <AccordionPrimitive.Root
      data-slot="accordion"
      className={cn("cn-accordion flex w-full flex-col", className)}
      {...props}
    />
  )
}