SusBreadcrumbs

Иерархическая «крошка» — кликабельные предки, текущий лист обычным текстом.

Пакет

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

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

SusKit · Atoms

Свойства

Имя	Тип	По умолчанию
Divider	Prop<string>	"/"	v-model
Density	Prop<string>	"default"	v-model
Color	Prop<string>	"primary"	v-model
Disabled	Prop<bool>	false	v-model

Слоты

Слотов нет.

События

Имя	Поле	Payload
Click	OnClick	string
ItemClick	OnItemClick	BreadcrumbItem

Хуки стиля

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

• sus-breadcrumbs
• sus-breadcrumbs__divider
• sus-breadcrumbs__item
• sus-breadcrumbs__item--current
• sus-breadcrumbs__item--last
• sus-breadcrumbs__item--link
• sus-breadcrumbs__row
• sus-breadcrumbs--density-comfortable
• sus-breadcrumbs--density-compact
• sus-breadcrumbs--disabled

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

Заполните Items в коде. Последний элемент — текущая страница (не ссылка). Более ранние элементы вызывают OnClick / OnItemClick.

var crumbs = new SusBreadcrumbs();
crumbs.Divider.Value = "/";
crumbs.Color.Value = "primary";
crumbs.Items.Value = new List<SusBreadcrumbs.BreadcrumbItem>
{
    new() { Title = "Home", Value = "home" },
    new() { Title = "Settings", Value = "settings" },
    new() { Title = "Audio", Value = "audio" },
};
crumbs.OnClick += value => { /* navigate by value */ };

Prop / event	Role
Items	List<BreadcrumbItem> — Title, Href, Value, Disabled
Divider	Строка-разделитель между узлами (по умолчанию /)
OnClick	Action<string> — выбранное Value
OnItemClick	Action<BreadcrumbItem> — весь элемент