SusDropdown

Popup list picker — открытый список как identity (в отличие от закрытого Select).

Пакет

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

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

SusKit · Atoms

Свойства

Имя	Тип	По умолчанию
Items	Prop<List<object>>	[]	v-modelиз пресетов
Model	Prop<object>	null	v-modelчерез код
Label	Prop<string>	""	v-model
ItemTitle	Prop<string>	""	v-model
ItemValue	Prop<string>	""	v-model
ItemMeta	Prop<string>	""	v-model
Searchable	Prop<bool>	false	v-model
SearchText	Prop<string>	""	v-model
NoDataText	Prop<string>	"Nothing found"	v-model
Disabled	Prop<bool>	false	v-model
IsOpen	Prop<bool>	false	v-model
Variant	Prop<string>	"outlined"	v-model

Слоты

Имя
prepend
selection
item

События

Имя	Поле	Payload
Change	OnChange	object
Open	OnOpen	—
Close	OnClose	—

Хуки стиля

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

• keyboard-focus
• sus-dropdown
• sus-dropdown__item
• sus-dropdown__item--highlighted
• sus-dropdown__item--selected
• sus-dropdown__item-meta
• sus-dropdown__list
• sus-dropdown__popup
• sus-dropdown__search
• sus-dropdown__search-input
• sus-dropdown__trigger
• sus-dropdown--disabled
• sus-dropdown--filled
• sus-dropdown--open
• sus-dropdown--outlined
• sus-dropdown--underlined
• sus-hidden

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

Items — это List<object> (строки или POCO). Используйте ItemTitle / ItemValue, когда элементы — объекты.

var dropdown = new SusDropdown();
dropdown.Label.Value = "Difficulty";
dropdown.Items.Value = new List<object> { "Easy", "Normal", "Hard" };
dropdown.Model.Value = "Normal";
dropdown.IsOpen.Value = true;
dropdown.Variant.Value = "outlined";
dropdown.OnChange += value => { /* … */ };

Prop	Role
Items	Опции (List<object>)
Model	Текущий выбор
ItemTitle / ItemValue	Имена свойств, когда элементы — объекты
Searchable / SearchText	Фильтрация открытого списка
IsOpen	Показать / скрыть popup

Вариант

filled · outlined · underlined · plain · solo · solo-inverted · solo-filled