ComboboxTrigger() — ui Function Reference

Architecture documentation for the ComboboxTrigger() function in combobox.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ ComboboxTrigger() — ui Function Reference

Dependency Diagram

graph TD
  f4445589_9878_9aef_8522_3e297c010e3f["ComboboxTrigger()"]
  a0fd6b40_9461_a4b4_0670_97b6db49e709["combobox.tsx"]
  f4445589_9878_9aef_8522_3e297c010e3f -->|defined in| a0fd6b40_9461_a4b4_0670_97b6db49e709
  style f4445589_9878_9aef_8522_3e297c010e3f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/ui-rtl/combobox.tsx lines 21–36

function ComboboxTrigger({
  className,
  children,
  ...props
}: ComboboxPrimitive.Trigger.Props) {
  return (
    <ComboboxPrimitive.Trigger
      data-slot="combobox-trigger"
      className={cn("[&_svg:not([class*='size-'])]:size-4", className)}
      {...props}
    >
      {children}
      <ChevronDownIcon className="text-muted-foreground pointer-events-none size-4" />
    </ComboboxPrimitive.Trigger>
  )
}