The igc-button-group groups a series of igc-toggle-buttons together, exposing features such as layout and selection.
Element
igc-button-group
Slots
default — Renders `igc-toggle-button` component.
CSS Parts
group — The button group container.

Properties

Section titled "Properties"

alignment

Section titled "alignment"

Sets the orientation of the buttons in the group.

 
alignment: ContentOrientation = 'horizontal'

Defined in src/components/button-group/button-group.ts:94

disabled

Section titled "disabled"

Disables all buttons inside the group.

 
disabled: boolean = false

Defined in src/components/button-group/button-group.ts:87

selection

Section titled "selection"

Controls the mode of selection for the button group.

 
selection: ButtonGroupSelection = 'single'

Defined in src/components/button-group/button-group.ts:101

tagName

Section titled "tagName"

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

MDN Reference

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

Defined in src/components/button-group/button-group.ts:42

Accessors

Section titled "Accessors"

selectedItems

Section titled "selectedItems"

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

get selectedItems(): string[]

Defined in src/components/button-group/button-group.ts:108

Returns string[]