Перейти к содержимому

CoreAccordion

Живой MDC-рендер и исходник для копирования.

Живой рендер

Так ContentRenderer отрисует этот контент на реальной странице.

Аккордеон: раскрывающиеся секции. Секции задаются массивом items — заголовок и текст панели прямо в объекте (content); открытие держит компонент само, клик работает без кода. Содержимое per-index через scoped-слот остаётся опцией кода.

FAQ-аккордеон

С иконкой и отключённой секцией

icon переопределяет шеврон, disabled не даёт раскрыть секцию.

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.
MDC
Аккордеон: раскрывающиеся секции. Секции задаются массивом `items` — заголовок и текст панели прямо в объекте (`content`); открытие держит компонент само, клик работает без кода. Содержимое per-index через scoped-слот остаётся опцией кода.

### FAQ-аккордеон

::core-accordion{:items='[{"title":"Первый вопрос","content":"Ответ на первый вопрос — раскрывается по клику."},{"title":"Второй вопрос","content":"Ответ на второй вопрос."},{"title":"Третий вопрос","content":"Ответ на третий вопрос."}]'}
::

### С иконкой и отключённой секцией

`icon` переопределяет шеврон, `disabled` не даёт раскрыть секцию.

::core-accordion{:items='[{"title":"Доступно","icon":"success","content":"Секция с своей иконкой-индикатором."},{"title":"Недоступно","disabled":true,"content":"Эта секция не раскрывается."}]' multiple}
::