CommandItem() — ui Function Reference

Architecture documentation for the CommandItem() function in command.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ CommandItem() — ui Function Reference

Dependency Diagram

graph TD
  5a516406_0aa5_0cbf_0951_a0eaa4763f29["CommandItem()"]
  9a692293_b172_5e5b_67c1_d72b69590388["command.tsx"]
  5a516406_0aa5_0cbf_0951_a0eaa4763f29 -->|defined in| 9a692293_b172_5e5b_67c1_d72b69590388
  style 5a516406_0aa5_0cbf_0951_a0eaa4763f29 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/ui/command.tsx lines 114–123

>(({ className, ...props }, ref) => (
  <CommandPrimitive.Item
    ref={ref}
    className={cn(
      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
      className
    )}
    {...props}
  />
))