Collapsible
Простой аккордеон
C3 UI — библиотека компонентов на базе Nuxt-модуля в стиле nuxt/ui.
Кастомный триггер
Отключённый
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
title | string | undefined | Заголовок триггера. |
disabled | boolean | false | Отключает блок. |
modelValue | boolean | — | Раскрытое состояние через v-model. |
События
toggle— payload: новое состояниеboolean. Срабатывает при переключении.update:modelValue— payload: новое состояниеboolean.
Описание
Компонент C3Collapsible — сворачиваемый блок с триггером-заголовком и раскрывающимся содержимым. Используется для аккордеонов и скрытия вторичного контента.
Содержимое передаётся в слот по умолчанию и отображается, когда блок раскрыт. Состояние управляется через v-model. Триггер можно заменить через слот trigger.
Дополнительная информация
Слоты:
default— содержимое блока (видно при раскрытии).trigger— содержимое триггера (заменяетtitle).
Доступность и поведение:
- Триггер передаёт состояние через
aria-expanded. - Содержимое раскрывается/скрывается мгновенно без анимации по умолчанию.
- В отключённом состоянии переключение заблокировано.