Ignite UI for React

All
  • Public
  • Public/Protected
  • All

Class IgrButtonGroup

The igc-button-group groups a series of igc-toggle-buttons together, exposing features such as layout and selection.

Slot

  • Renders igc-toggle-button component.

Csspart

group - The button group container.

Callable

  • IgrButtonGroup(): ReactNode

    Returns ReactNode

Events

Properties

Events

onDeselect

onDeselect: (args: CustomEvent<string>) => void

Emitted when a button is deselected through user interaction.

Type declaration

onSelect

onSelect: (args: CustomEvent<string>) => void

Emitted when a button is selected through user interaction.

Type declaration

Properties

alignment

alignment: ContentOrientation

Sets the orientation of the buttons in the group.

disabled

disabled: boolean

Disables all buttons inside the group.

selectedItems

selectedItems: string[]

Gets/Sets the currently selected buttons (their values).

selection

selection: ButtonGroupSelection

Controls the mode of selection for the button group.