← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / angular
rtk-controlbar-button
Базовый компонент для составления собственных кнопок controlbar.
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
brandIcon |
boolean |
✅ | - | Требуется ли значку цвет бренда |
disabled |
boolean |
✅ | - | Отключена ли кнопка |
icon |
string |
✅ | - | Значок |
iconPack |
IconPack |
❌ | defaultIconPack |
Набор значков |
isLoading |
boolean |
✅ | - | Состояние загрузки Игнорирует текущую иконку и показывает спиннер, если true |
label |
string |
✅ | - | Метка кнопки |
showWarning |
boolean |
✅ | - | Нужно ли показывать значок предупреждения |
size |
Size |
✅ | - | Размер |
variant |
ControlBarVariant1 |
✅ | - | Вариант |
Примеры использования
Базовое использование
<!-- component.html -->
<rtk-controlbar-button></rtk-controlbar-button>Со свойствами
<!-- component.html -->
<rtk-controlbar-button
[brandIcon]="true"
[disabled]="true"
icon="example">
</rtk-controlbar-button>