Skip to content

rtk-controlbar-button

A skeleton component used for composing custom controlbar buttons.

Properties

PropertyTypeRequiredDefaultDescription
brandIconboolean✅-Whether icon requires brand color
disabledboolean✅-Whether button is disabled
iconstring✅-Icon
iconPackIconPack❌defaultIconPackIcon pack
isLoadingboolean✅-Loading state Ignores current icon and shows a spinner if true
labelstring✅-Label of button
showWarningboolean✅-Whether to show warning icon
sizeSize✅-Size
variantControlBarVariant1✅-Variant

Usage Examples

Basic Usage

<!-- component.html -->
<rtk-controlbar-button></rtk-controlbar-button>

With Properties

<!-- component.html -->
<rtk-controlbar-button
[brandIcon]="true"
[disabled]="true"
icon="example">
</rtk-controlbar-button>