AccordionTrigger() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ AccordionTrigger() — ui Function Reference

Dependency Diagram

graph TD
  a80cb59d_40a9_1c08_4622_5c41afc1fcf5["AccordionTrigger()"]
  5ae720ab_6bae_aedd_7c04_0eea6786e32a["accordion.tsx"]
  a80cb59d_40a9_1c08_4622_5c41afc1fcf5 -->|defined in| 5ae720ab_6bae_aedd_7c04_0eea6786e32a
  style a80cb59d_40a9_1c08_4622_5c41afc1fcf5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/ui/accordion.tsx lines 26–40

>(({ className, children, ...props }, ref) => (
  <AccordionPrimitive.Header className="flex">
    <AccordionPrimitive.Trigger
      ref={ref}
      className={cn(
        "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
        className
      )}
      {...props}
    >
      {children}
      <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
    </AccordionPrimitive.Trigger>
  </AccordionPrimitive.Header>
))