rtk-controlbar-button

A skeleton component used for composing custom controlbar buttons.

Properties

Property	Type	Required	Default	Description
brandIcon	boolean	✅	-	Whether icon requires brand color
disabled	boolean	✅	-	Whether button is disabled
icon	string	✅	-	Icon
iconPack	IconPack	❌	defaultIconPack	Icon pack
isLoading	boolean	✅	-	Loading state Ignores current icon and shows a spinner if true
label	string	✅	-	Label of button
showWarning	boolean	✅	-	Whether to show warning icon
size	Size	✅	-	Size
variant	ControlBarVariant1	✅	-	Variant

Usage Examples

Basic Usage

<rtk-controlbar-button></rtk-controlbar-button>

With Properties

<rtk-controlbar-button
 icon="example">
</rtk-controlbar-button>

<script>
  const el = document.querySelector("rtk-controlbar-button");

  el.brandIcon= true;
  el.disabled= true;
</script>