Меню действий

Содержит список доступных действий, одновременное отображение которых не требуется или невозможно из-за ограничения области представления.

Вариация с кастомным слотом для добавления описания

Для того чтобы добавить описание для опции меню, необходимо использовать слот custom внутри компонента cds-overflow-menu-item. Внутри слота необходимо добавить определенную структуру для отображения заголовка и описания. Также, для увеличения размера контейнера, необходимо добавить атрибут size="lg". Также нельзя забывать про добавление стилей, которые указаны в примере. cds-flex cds-flex-col для контейнера и cds-color-text-placeholder cds-font-body-size-xs для описания.

Вариация с кастомным слотом для добавления иконок

Пример во многом похож на предыдущий. Только в данном случае, мы будет добавлять иконки. Для этого требуется добавить padding-less атрибут для компонента cds-overflow-menu-item. Это уберет отступы для выравнивания иконки относительно иконки-триггера. Важно помнить, что нельзя использовать в рамках одного меню, cds-overflow-menu-item с padding-less и без него.

Новое мажорное обновление!
Мы активно разрабатываем дизайн систему CDS 3.0 на Vue 3