Clamped List компактно отображает длинные списки, скрывает элементы за заданным лимитом и позволяет развернуть содержимое полностью.

Раскрывающийся список

По умолчанию показывается 10 элементов, остальные скрываются. Если в скрытой части меньше 6 элементов, то показываем весь список. Эти параметры при необходимости можно изменить.

Элементы списка могут быть строчными. Для компактности используется короткая надпись в кнопке разворачивания.

Многострочный список с точкой по центру в качестве разделителя. Надпись в текстовой кнопке пишется с заглавной буквы.

Доступность

Переключатель вы размещаете сами, поэтому директиву kbqClampedListTrigger на него нужно поставить вручную: без неё переключатель не будет доступен с клавиатуры, а скринридер не сообщит, свёрнут список или развёрнут.

Собственных отступов у переключателя нет: он размещается вместе со списком.

Вкладка API этой страницы общая с Clamped text: оба компонента поставляются из точки входа @koobiq/components/clamped-text и делят директиву-триггер, контракт KbqClampedRoot и секцию локали.