SusChipGroup

Ряд filter-chip — single или multi selection на Items + Model.

Пакет

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

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

SusKit · Atoms

Свойства

Имя	Тип	По умолчанию
Model	Prop<string>	""	v-model
Multiple	Prop<bool>	false	v-model
Mandatory	Prop<bool>	false	v-model
Column	Prop<bool>	false	v-model
Disabled	Prop<bool>	false	v-model
Color	Prop<string>	"primary"	v-model
Variant	Prop<string>	"tonal"	v-model
Size	Prop<string>	"default"	v-model

Слоты

Слотов нет.

События

Имя	Поле	Payload
Change	OnChange	string

Хуки стиля

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

• sus-chip-group
• sus-chip-group__chip
• sus-chip-group__row
• sus-chip-group--column
• sus-chip-group--disabled
• sus-chip-group--multiple

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

Элементы задаются в коде (List<ChipGroupItem>). У каждого элемента есть Label, Value, опционально Disabled.

var group = new SusChipGroup();
group.Items.Value = new List<SusChipGroup.ChipGroupItem>
{
    new() { Label = "All", Value = "all" },
    new() { Label = "Weapons", Value = "weapons" },
    new() { Label = "Armor", Value = "armor" },
};
group.Model.Value = "all";
group.Mandatory.Value = true;
group.Variant.Value = "tonal";
group.Color.Value = "primary";
group.OnChange += value => { /* … */ };

Prop	Role
Items	List<ChipGroupItem> — чипы для рендера
Model	Выбранное значение (одиночный режим)
Multiple / Selection	Режим множественного выбора + выбранные значения
Mandatory	Держать хотя бы один элемент выбранным
Column	Расположить чипы вертикально

Вариант

filled · elevated · tonal · outlined · flat · text