SusCheckbox

Булев контрол с label — checked, indeterminate, текст ошибки.

Пакет

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

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

SusKit · Atoms

Свойства

Имя	Тип	По умолчанию
Model	Prop<bool>	false	v-model
Label	Prop<string>	""	v-model
Color	Prop<string>	"primary"	v-model
Disabled	Prop<bool>	false	v-model
Readonly	Prop<bool>	false	v-model
Indeterminate	Prop<bool>	false	v-model
Density	Prop<string>	"default"	v-model
Error	Prop<string>	""	v-model
HideDetails	Prop<string>	"auto"	v-model

Слоты

Слотов нет.

События

Имя	Поле	Payload
Change	OnChange	bool

Хуки стиля

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

• keyboard-focus
• sus-checkbox
• sus-checkbox__details
• sus-checkbox__icon
• sus-checkbox__input
• sus-checkbox__label
• sus-checkbox--checked
• sus-checkbox--danger
• sus-checkbox--density-comfortable
• sus-checkbox--density-compact
• sus-checkbox--density-default
• sus-checkbox--dirty
• sus-checkbox--disabled
• sus-checkbox--error
• sus-checkbox--indeterminate
• sus-checkbox--primary
• sus-checkbox--readonly
• sus-checkbox--secondary
• sus-checkbox--success
• sus-checkbox--warning

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

<template>
  <sus:SusCheckbox Label="Accept terms"
                   :Model="Accepted.Value"
                   Color="primary"
                   @change="OnAccepted" />
</template>

<script>
public Prop<bool> Accepted = new(false);
void OnAccepted(bool value) { /* … */ }
</script>

var check = new SusCheckbox();
check.Label.Value = "Remember me";
check.Model.Value = false;
check.Color.Value = "primary";
check.OnChange += value => { /* … */ };
// Partial state: check.Indeterminate.Value = true;

Заметки

• Indeterminate показывает смешанное состояние (например, «выбраны не все дочерние элементы»).
• Error + HideDetails следуют тому же паттерну form-field, что и текстовые поля ввода.