Перейти к содержимому

IconButton (Кнопка-иконка)

Квадратная кнопка только с иконкой (без текста). Требует label (aria-label) для доступности.

Метод Аргумент Описание
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", "Добавлено")))
);

Запустить в Sandbox