SelectItem() — ui Function Reference

Architecture documentation for the SelectItem() function in select.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ SelectItem() — ui Function Reference

Dependency Diagram

graph TD
  e6f5f5d4_59f4_d975_f9f1_a3ba8a36cbbc["SelectItem()"]
  fcbaf4bc_692c_5782_579e_3e591113186e["select.tsx"]
  e6f5f5d4_59f4_d975_f9f1_a3ba8a36cbbc -->|defined in| fcbaf4bc_692c_5782_579e_3e591113186e
  style e6f5f5d4_59f4_d975_f9f1_a3ba8a36cbbc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/ui/select.tsx lines 117–133

>(({ className, children, ...props }, ref) => (
  <SelectPrimitive.Item
    ref={ref}
    className={cn(
      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
      className
    )}
    {...props}
  >
    <span className="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
      <SelectPrimitive.ItemIndicator>
        <Check className="h-4 w-4" />
      </SelectPrimitive.ItemIndicator>
    </span>
    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
  </SelectPrimitive.Item>
))