Skip to main content

Variable: ToggleGroup

@arolariu/components


@arolariu/components / ToggleGroup

Variable: ToggleGroup

const ToggleGroup: ForwardRefExoticComponent<Omit<ToggleGroupProps, "ref"> & RefAttributes<HTMLDivElement>>

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

Groups related toggles into a single multi-select or single-select control.

Remarks

  • Renders a <div> element by default
  • Built on Base UI Toggle Group primitives
  • Provides shared size and variant values to descendant items

Example

<ToggleGroup
defaultValue={["bold"]}
toggleMultiple>
<ToggleGroupItem value='bold'>Bold</ToggleGroupItem>
<ToggleGroupItem value='italic'>Italic</ToggleGroupItem>
</ToggleGroup>

See

Base UI Toggle Group Docs

// was this page useful?