DropdownMenuRadioItem() — ui Function Reference

Architecture documentation for the DropdownMenuRadioItem() function in dropdown-menu.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ DropdownMenuRadioItem() — ui Function Reference

Dependency Diagram

graph TD
  8aec3ca1_d2ba_f3ac_92a1_774aa8e79064["DropdownMenuRadioItem()"]
  d7b0e221_d151_7367_75f5_67f02423afab["dropdown-menu.tsx"]
  8aec3ca1_d2ba_f3ac_92a1_774aa8e79064 -->|defined in| d7b0e221_d151_7367_75f5_67f02423afab
  style 8aec3ca1_d2ba_f3ac_92a1_774aa8e79064 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/ui/dropdown-menu.tsx lines 122–138

>(({ className, children, ...props }, ref) => (
  <DropdownMenuPrimitive.RadioItem
    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 transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
      className
    )}
    {...props}
  >
    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
      <DropdownMenuPrimitive.ItemIndicator>
        <Circle className="h-2 w-2 fill-current" />
      </DropdownMenuPrimitive.ItemIndicator>
    </span>
    {children}
  </DropdownMenuPrimitive.RadioItem>
))