Skip to content
Cloudflare Docs

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
iconPackIconPackdefaultIconPackIcon 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>