SusEmptyState

Плейсхолдер, когда список или панель пусты — иконка, title, CTA.

Пакет

SusKit · Атомы (коммерческий)

Открыть в песочнице

SusKit · Atoms

Свойства

Имя	Тип	По умолчанию
Icon	Prop<string>	"package"	v-model
Title	Prop<string>	""	v-model
Text	Prop<string>	""	v-model
ActionText	Prop<string>	""	v-model
Color	Prop<string>	"primary"	v-model
Size	Prop<string>	"md"	v-model
Justify	Prop<string>	"center"	v-model

Слоты

Имя
media
actions

События

Имя	Поле	Payload
Action	OnAction	—

Хуки стиля

Контракт USS-классов — внешний вид переопределяется без правки C#. Состояния переключаются этими классами:

• sus-empty-state
• sus-empty-state__action
• sus-empty-state__actions
• sus-empty-state__icon
• sus-empty-state__media
• sus-empty-state__text
• sus-empty-state__title
• sus-empty-state--color-muted
• sus-empty-state--color-primary
• sus-empty-state--color-secondary
• sus-empty-state--has-action
• sus-empty-state--justify-center
• sus-empty-state--justify-end
• sus-empty-state--justify-start
• sus-empty-state--size-lg
• sus-empty-state--size-md
• sus-empty-state--size-sm
• sus-slot
• unity-label
• unity-text-element

Использование

<template>
  <sus:SusEmptyState Icon="package"
                     Title="No loadouts yet"
                     Text="Create one to start matching."
                     ActionText="Create loadout"
                     Color="primary"
                     @action="OnCreate" />
</template>

<script>
void OnCreate() { /* … */ }
</script>

var empty = new SusEmptyState();
empty.Icon.Value = "inbox";
empty.Title.Value = "Nothing here";
empty.Text.Value = "Try another filter.";
empty.ActionText.Value = "Clear filters";
empty.OnAction += () => { /* … */ };

Заметки

• Слоты media и actions заменяют иконку / CTA по умолчанию, когда нужен произвольный контент.
• Size: sm · md · lg.