カスタムのコントロールバーボタンを組み立てるためのスケルトンコンポーネントです。
| プロパティ | 型 | 必須 | デフォルト | 説明 |
|---|---|---|---|---|
brandIcon |
boolean |
✅ | - | アイコンにブランドカラーが必要かどうか |
disabled |
boolean |
✅ | - | ボタンが無効かどうか |
icon |
string |
✅ | - | アイコン |
iconPack |
IconPack |
❌ | defaultIconPack |
アイコンパック |
isLoading |
boolean |
✅ | - | 読み込み状態。true のときは現在のアイコンを無視してスピナーを表示します |
label |
string |
✅ | - | ボタンのラベル |
showWarning |
boolean |
✅ | - | 警告アイコンを表示するかどうか |
size |
Size |
✅ | - | サイズ |
variant |
ControlBarVariant1 |
✅ | - | バリアント |
<rtk-controlbar-button></rtk-controlbar-button><rtk-controlbar-button
icon="example">
</rtk-controlbar-button><script>
const el = document.querySelector("rtk-controlbar-button");
el.brandIcon= true;
el.disabled= true;
</script>