← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core

rtk-controlbar-button

Базовый компонент для составления собственных кнопок controlbar.

Свойства

Свойство	Тип	Обязательный	По умолчанию	Описание
`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>