Dropdown
Dropdown — выпадающий список, в котором можно выбрать значение
Из чего состоит
  1. Кнопка
  2. Поле поиска
  3. Правая иконка
  4. Левая иконка
  5. Пункт списка
  6. Область выпадающего списка
  7. Скроллбар
  8. Текст пункты списка
Основные свойства
Тема (Theme)
Размер (Size)
Вид (View)
Мод пункта (Mode)
Состояние пункта (State)
Отключаемые элементы
👁 Скроллбар
👁 Левая иконка пункта
👁 Правая иконка пункта
👁 Текст пункта
Редактируемые элементы
✏️ Левая иконка пункта
✏️ Правая иконка пункта
✏️ Текст пункта
Количество строк в дропдауне
Ограничение по количеству строк с текстом в пункте дропдауна можно настраивать: 1/2/3/4 строки.
Если есть иконка, то она выравнивается по верху. В размере L у иконки дополнительный отступ 4px сверху.
Тултип при наведении на скрытый текст пункта
При наведении на пункт, текст которого скрылся, появляется тултип с полным текстом.
Скролл вкл/выкл
Если скролл включен, то высота дропдауна фиксированная, как отрисовано на дизайне. «кнопка» и «поиск» не учитываются в фиксированной высоте и не скроллятся вместе с пунктами.
Если скролл выключен, то высота дродпауна динамическая и зависит от количества пунктов внутри. При этом, высота может достигать любых размеров, выходя за рамки экрана.

Иконка-чекбокс/радиобаттон
Левая иконка может быть чекбоксом или радиобатоном.
Иконка-изображение
Иконка может быть любым изображением.
Вложенность пунктов дропдауна
У пунктов дропдауна может быть вложенность (нажатие на пункт раскрывает другие пункты следующего уровня вложенности). Иконка справа — фиксированная (стрелка).
Полностью активный (с активным цветом фона) только самый последний, выбранный пункт. В раскрывающихся пунктах со стрелкой справа, после нажатия меняется только цвета текста и иконки на такой же, как у пунктов в состоянии “Active”, а фон пункта остается прежним.
Каждый уровень вложенности: +16px слева внутри пункта дропдауна.

Функционал кнопки
Кнопка в дропдауне имеет весь функционал обычной кнопки (не только ссылки, а, например, какое-нибудь действие: удалить/подтвердить/отправить/включить). Настраивается на проекте.
Множественный/единичный выбор
Может быть два режима: можно выбрать только один пункт, или сразу несколько.
Крестик в поиске
Иконка крестика в поиске удаляет введенный текст.