Collapsible

Простой аккордеон

C3 UI — библиотека компонентов на базе Nuxt-модуля в стиле nuxt/ui.

Кастомный триггер

Отключённый

Входные параметры

ИмяТипПо умолчаниюОписание
titlestringundefinedЗаголовок триггера.
disabledbooleanfalseОтключает блок.
modelValueboolean—Раскрытое состояние через v-model.

События

  • toggle — payload: новое состояние boolean. Срабатывает при переключении.
  • update:modelValue — payload: новое состояние boolean.

Описание

Компонент C3Collapsible — сворачиваемый блок с триггером-заголовком и раскрывающимся содержимым. Используется для аккордеонов и скрытия вторичного контента.

Содержимое передаётся в слот по умолчанию и отображается, когда блок раскрыт. Состояние управляется через v-model. Триггер можно заменить через слот trigger.

Дополнительная информация

Слоты:

  • default — содержимое блока (видно при раскрытии).
  • trigger — содержимое триггера (заменяет title).

Доступность и поведение:

  • Триггер передаёт состояние через aria-expanded.
  • Содержимое раскрывается/скрывается мгновенно без анимации по умолчанию.
  • В отключённом состоянии переключение заблокировано.
×