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

Properties

Section titled "Properties"

alignment

Section titled "alignment"

The orientation of the buttons in the group.

 
alignment: ContentOrientation = 'horizontal'

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

disabled

Section titled "disabled"

Disables all buttons inside the group.

 
disabled: boolean = false

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

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:118

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:49

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:125

Returns string[]