BrickclayDesign System

Icon button

bk-icon-button: a square button wrapping a single icon, 8 sizes, and a hovered output alongside clicked.

bk-icon-buttonActionsAngular

Preview

A working preview of Icon button in the Brickclay style. Try it.

Interact with the preview to see events here.

Event log

Click or hover a button above.

API reference

InputTypeDefaultDescription
iconstringrequiredIcon URL.
altstring'icon'Alt text.
variant'primary' | 'secondary' | 'none''primary'Style.
sizeIconButtonSize'md'xxxsm through xxl.
disabledbooleanfalseDisables the button.
clicked / hoveredEventEmitter<boolean>outputClick, and mouse enter(true)/leave(false).