SusEmptyState

Placeholder when a list or panel has nothing to show — icon, title, CTA.

Package

SusKit · Atoms (commercial)

Open in Playground

SusKit · Atoms

Props

Name	Type	Default
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

Slots

Name
media
actions

Events

Name	Field	Payload
Action	OnAction	—

Style hooks

USS class contract — override appearance without touching C#. States toggle via these classes:

• 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

Usage

<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 += () => { /* … */ };

Notes

• Slots media and actions replace the default icon / CTA when you need custom content.
• Size: sm · md · lg.