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.

Element

igc-button-group

Slot

  • Renders igc-toggle-button component.

Fires

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

Fires

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

Csspart

group - The button group container.

Hierarchy

Hierarchy

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

Properties

Accessors

Properties

alignment

alignment: "horizontal" | "vertical" = 'horizontal'

Sets the orientation of the buttons in the group.

Attr

disabled

disabled: boolean = false

Disables all buttons inside the group.

Attr

selection

selection: "multiple" | "single" | "single-required" = 'single'

Controls the mode of selection for the button group.

Attr

Static ReadonlytagName

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

Returns the HTML-uppercased qualified name.

MDN Reference

Accessors

selectedItems