BrickclayDesign System

Button group

bk-button-group: a segmented control that holds either a single value or an array of values, driven by [value] / (valueChange).

bk-button-groupActionsAngular

Preview

A working preview of Button group in the Brickclay style. Try it.

Interact with the preview to see events here.

API reference

InputTypeDefaultDescription
itemsGroupItem[][]{ label, value } entries.
mode'single' | 'multiple''single'Single value vs. array selection.
valueany | any[]nullCurrent selection.
disabledbooleanfalseDisables the whole group.
valueChangeEventEmitter<any>outputEmits the new value/array on click.