Select

Select — выпадающий список для выбора одного или нескольких значений из предустановленного набора.

1. Key Principles of Use

When to use

Use — когда вариантов более 5 и они не помещаются на экране. Для форм выбора страны, категории, типа.

Don't use:

• До 5 вариантов — используйте RadioBox (Single) или CheckBox (Multiple)
• Для поиска по длинному списку — используйте Autocomplete или ComboBox

2. Anatomy

Аналогично TextField, дополнительно:

3. Variants

Figma Component Sets

Именование: Select/{Single|Multiple}/Select{T-shirt}

Отдельно: SelectButton/{Single|Multiple}/SelectButton{T-shirt} — изолированный триггер.

Режимы

Пропы (аналогично TextField)

4. Sizes

Аналогично TextField: XS(32) · S(40) · M(48) · L(56) · XL(64).

5. States

7. Accessibility