Ignite UI for Web Components

All
  • Public
  • Public/Protected
  • All

Class IgcButtonGroupComponent

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

igc-button-group

  • Renders igc-toggle-button component.

igcSelect - Emitted when a button is selected through user interaction.

igcDeselect - Emitted when a button is deselected through user interaction.

group - The button group container.

Hierarchy

Hierarchy

  • EventEmitterInterface<IgcButtonGroupComponentEventMap, this> & LitElement<this>
    • IgcButtonGroupComponent

Properties

Accessors

Properties

alignment: ContentOrientation = 'horizontal'

Sets the orientation of the buttons in the group.

disabled: boolean = false

Disables all buttons inside the group.

selection: ButtonGroupSelection = 'single'

Controls the mode of selection for the button group.

tagName: "igc-button-group" = 'igc-button-group'

The tagName read-only property of the Element interface returns the tag name of the element on which it's called.

MDN Reference

Accessors