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

EmptyState (Пустое состояние)

Заглушка для пустых списков и экранов: иконка, заголовок, описание и необязательная кнопка действия.

Метод Аргумент Описание
icon(v) string Имя иконки Lucide по центру заглушки.
title(v) string Заголовок заглушки.
description(v) string Пояснительное описание.
actionLabel(v) string Текст кнопки действия (кнопка появляется только если задан).
onAction(v) CallbackFunction Коллбек клика по кнопке действия.

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

// Пустое состояние
const { ui } = PotokSDK;
ui.render(
EmptyState()
.icon("inbox")
.title("Пока ничего нет")
.description("Добавьте первый элемент, чтобы начать.")
.actionLabel("Добавить")
.onAction(() => ui.showHUD("info", "Создание..."))
);

Запустить в Sandbox