Variable: ToggleGroupItem

@arolariu/components

---

@arolariu/components / ToggleGroupItem

Variable: ToggleGroupItem

const ToggleGroupItem: ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & RefAttributes<HTMLButtonElement>>

Defined in: components/ui/toggle-group.tsx:100

Renders an individual toggle item within a toggle group.

Remarks

• Renders a styled toggle button
• Built on the shared Toggle component and Base UI Toggle Group state
• Inherits size and variant from the nearest ToggleGroup when omitted

Example

<ToggleGroup defaultValue={["left"]}>
  <ToggleGroupItem value='left'>Left</ToggleGroupItem>
</ToggleGroup>

See

Base UI Toggle Group Docs