SusBtnToggle

Переключатель exclusive (или multi) — ряд кнопок на Items + Model.

Пакет

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

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

SusKit · Atoms

Свойства

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

Слоты

Слотов нет.

События

Имя	Поле	Payload
Change	OnChange	string

Хуки стиля

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

• sus-btn-toggle
• sus-btn-toggle__btn
• sus-btn-toggle__btn--first
• sus-btn-toggle__btn--last
• sus-btn-toggle__row
• sus-btn-toggle--disabled
• sus-btn-toggle--divided
• sus-btn-toggle--multiple
• sus-button--active
• sus-button--color-danger
• sus-button--color-info
• sus-button--color-secondary
• sus-button--color-success
• sus-button--color-warning

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

var toggle = new SusBtnToggle();
toggle.Items.Value = new List<SusBtnToggle.BtnToggleItem>
{
    new() { Label = "List", Value = "list", Icon = "list" },
    new() { Label = "Grid", Value = "grid", Icon = "grid" },
    new() { Label = "Map", Value = "map", Icon = "map" },
};
toggle.Model.Value = "list";
toggle.Mandatory.Value = true;
toggle.Divided.Value = true;
toggle.Variant.Value = "outlined";
toggle.Size.Value = "small";
toggle.OnChange += value => { /* … */ };

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

Вариант

elevated · flat · tonal · outlined · text · plain