rtk-controlbar-button

最后更新 2026年8月9日查看 MarkdownAgent 设置

用于组合自定义控制栏按钮的骨架组件。

属性

属性	类型	必填	默认值	描述
`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>

这篇文档对您有帮助吗？