SusChipGroup

Filter chip row — single or multi selection backed by Items + Model.

Package

SusKit · Atoms (commercial)

Open in Playground

SusKit · Atoms

Props

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

Slots

No slots.

Events

Name	Field	Payload
Change	OnChange	string

Style hooks

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

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

Usage

Items are set in code (List<ChipGroupItem>). Each item carries Label, Value, optional 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> — chips to render
Model	Selected value (single mode)
Multiple / Selection	Multi-select mode + selected values
Mandatory	Keep at least one selected
Column	Stack chips vertically

Variant

filled · elevated · tonal · outlined · flat · text