SusChipGroup

筛选 chip 行 — 由 Items + Model 驱动的单选或多选。

包

SusKit · 原子（商业）

在 Playground 中打开

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

插槽

没有插槽。

事件

名称	字段	载荷
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 => { /* … */ };

属性	作用
Items	List<ChipGroupItem> — 要渲染的 chip
Model	选中值（单选模式）
Multiple / Selection	多选模式及选中值
Mandatory	保持至少一项被选中
Column	垂直堆叠 chip

变体

filled · elevated · tonal · outlined · flat · text