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

Button (Кнопка)

Кнопка для действий, воспроизведения и переходов.

Метод Аргумент Описание
variant(v) 'primary' | 'secondary' | 'danger' | 'ghost' | 'sidebar-item' Стиль: primary, secondary, danger, ghost, sidebar-item.
Значение по умолчанию: 'secondary'
icon(v) string Иконка Lucide перед текстом (например, ‘play’).
onClick(v) CallbackFunction Обработчик клика.

Базовые методы (наследуются от UIComponent)

// Кнопки управления
const { ui } = PotokSDK;
ui.render(
Card()
.title("Управление плеером")
.child(
HStack()
.spacing(10)
.child(Button("Смотреть").variant("primary").icon("play").onClick(() => ui.showHUD("success", "Воспроизведение...")))
.child(Button("Настройки").variant("secondary").icon("settings").onClick(() => ui.showHUD("info", "Открываем настройки...")))
.child(Button("Удалить").variant("danger").icon("trash").onClick(() => ui.showHUD("error", "Элемент удален")))
)
);

Запустить в Sandbox