Accordion() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ Accordion() — ui Function Reference

Dependency Diagram

graph TD
  4fcb73cd_08e4_c9f5_9904_8c9ca2192cc7["Accordion()"]
  585222a3_8963_7f6c_56b3_8a020f49d831["accordion.tsx"]
  4fcb73cd_08e4_c9f5_9904_8c9ca2192cc7 -->|defined in| 585222a3_8963_7f6c_56b3_8a020f49d831
  style 4fcb73cd_08e4_c9f5_9904_8c9ca2192cc7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/ui/accordion.tsx lines 7–15

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