Добавьте атрибут progress к kbq-dropdown-item, чтобы отобразить анимацию загрузки на элементе. Его можно совмещать с disabled, чтобы дополнительно запретить взаимодействие с элементом во время загрузки.
Режим "циклической навигации" по списку, где после достижения одного конца списка мы переходим к другому.
Рекурсивное отображение массива или объекта, позволяющее создавать вложенные выпадающие меню.
Используйте свойство xPosition для управления горизонтальным выравниванием панели выпадающего меню относительно триггера. Поддерживаемые значения: 'after' (по умолчанию), 'before' и 'center'.
По умолчанию панель растет по содержимому, но не становится меньше ширины триггера или 200 px, а рост останавливается на 640 px. Настраивается теми же атрибутами panelWidth, panelMinWidth и panelMaxWidth, что и у Select и Autocomplete:
<!-- По ширине триггера -->
<kbq-dropdown panelWidth="auto" />
<!-- Точная ширина; panelMinWidth не применяется -->
<kbq-dropdown [panelWidth]="400" />
<!-- Изменена максимальная ширина раскрывающегося списка -->
<kbq-dropdown [panelMaxWidth]="800" />
Ограничение в 640 px мягкое и действует только на рост по содержимому. Оно не делает панель меньше ширины триггера и не уменьшает явно заданный panelWidth: если любое из этих значений больше 640 px, панель будет ровно такой ширины.
Значения по умолчанию заданы токенами:
| Токен | По умолчанию |
|---|---|
--kbq-dropdown-size-container-width-min |
200px |
--kbq-dropdown-size-container-width-max |
var(--kbq-panel-size-width-max, 640px) |
Токен --kbq-panel-size-width-max — общий для всех выпадающих панелей библиотеки. Задайте его один раз на :root, чтобы ограничить Select, Tree-select, Autocomplete и Dropdown одновременно.
Вложенные панели и панели, перекрывающие триггер по вертикали, по триггеру не выравниваются — для них работают только токены.
Если триггер — только часть более крупного элемента управления, задайте KbqDropdownTrigger.widthOrigin, указав элемент, с которым панель должна совпадать. Split button делает это через параметр panelAutoWidth.