AccordionContent() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ AccordionContent() — ui Function Reference

Dependency Diagram

graph TD
  6d163741_2838_dd3c_6e00_04b6607b1071["AccordionContent()"]
  3ab95c9c_64f9_0723_b040_080c9df68a2a["accordion.tsx"]
  6d163741_2838_dd3c_6e00_04b6607b1071 -->|defined in| 3ab95c9c_64f9_0723_b040_080c9df68a2a
  style 6d163741_2838_dd3c_6e00_04b6607b1071 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/ui/accordion.tsx lines 50–64

function AccordionContent({
  className,
  children,
  ...props
}: React.ComponentProps<typeof AccordionPrimitive.Content>) {
  return (
    <AccordionPrimitive.Content
      data-slot="accordion-content"
      className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
      {...props}
    >
      <div className={cn("pt-0 pb-4", className)}>{children}</div>
    </AccordionPrimitive.Content>
  )
}