IconButton (Кнопка-иконка)
Квадратная кнопка только с иконкой (без текста). Требует label (aria-label) для доступности.
Специфичные методы IconButton
Заголовок раздела «Специфичные методы IconButton»| Метод | Аргумент | Описание |
|---|---|---|
label(v) |
string |
Текст aria-label (доступность и подсказка). |
accent(v) |
boolean |
Подсвечивать акцентным цветом при наведении. Значение по умолчанию: false |
size(v) |
'sm' | 'md' | 'lg' |
Размер кнопки. Значение по умолчанию: 'md' |
onClick(v) |
CallbackFunction |
Коллбек клика. |
Базовые методы (наследуются от UIComponent)
Пример использования
Заголовок раздела «Пример использования»// Кнопки-иконкиconst { ui } = PotokSDK;
ui.render( HStack() .spacing(8) .child(IconButton("play").label("Смотреть").size("lg").accent(true).onClick(() => ui.showHUD("success", "Пуск"))) .child(IconButton("heart").label("В избранное").size("md").onClick(() => ui.showHUD("info", "Добавлено"))));