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

CoreEmptyState

Примеры использования и документация.

Объясняет пользователю, почему экран пуст и что делать дальше: в списках без записей, поиске без результатов и ещё не заполненных разделах. Вместо белого пятна человек получает иконку, заголовок, пояснение и кнопку действия — например «Создать первый проект».

Технические детали: центрированная колонка — кружок 4rem (--ui-bg-muted) с иконкой по пропу icon (без пропа — заглушка без иконки; слот icon заменяет целиком), заголовок title (слот title), пояснение description (заменяется слотом default, ограничение ширины 24rem) и блок действий через слот actions. Проп flow включает переливающийся градиент по форме иконки — проброс в CoreIcon; без icon-пропа ни на что не влияет (иконку через слот снабжайте flow сами); на заголовок не дублируем, чтобы избежать двух переливов рядом.

Ничего не найдено
По запросу «iPhone» объявлений нет. Попробуйте изменить фильтры.
Только заголовок
Ничего не найдено
Вариант с flow: иконка переливается фирменным градиентом, заголовок остаётся спокойным.
Перелив через слот
Свой CoreIcon в слоте icon: переливом управляет сам слот, а не проп icon.