MenubarCheckboxItem() — ui Function Reference

Architecture documentation for the MenubarCheckboxItem() function in menubar.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ MenubarCheckboxItem() — ui Function Reference

Dependency Diagram

graph TD
  8ea64144_2f96_0a2a_21c0_2a3a02e2ba2a["MenubarCheckboxItem()"]
  255de0b4_ce6e_a211_2c9c_c25d7ceab072["menubar.tsx"]
  8ea64144_2f96_0a2a_21c0_2a3a02e2ba2a -->|defined in| 255de0b4_ce6e_a211_2c9c_c25d7ceab072
  style 8ea64144_2f96_0a2a_21c0_2a3a02e2ba2a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/ui/menubar.tsx lines 151–168

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