SwSection
Компонент SwSection это тег section с шаблоном из слотов, по умолчанию в слот #header добавлено заголовок и иконка.
Свойства / Properties
| Имя | Тип | По умолчанию | Значения/Описание |
|---|---|---|---|
name | String | `` | Добавляет заголовок в секцию. |
class | String | sw-section | Добавляет пользовательский CSS-класс к компоненту. |
after | String | `` | Иконка в заголовке: имя из спрайта или URL. См. SwIcon. |
iconAfter | String | `` | Deprecated (удалить в major) — используйте after. |
Слоты / Slots
#header - слот для заголовка секции. Default - содержимое секции #footer - слот для подвала секции.
События / Events
header - клик по всему Header
Пример использования / Example Usage
<script setup>
const chevron = 'https://cdn.jsdelivr.net/npm/@tabler/icons@3.19.0/icons/outline/chevron-down.svg'
</script>
<sw-section name="Заголовок секции" :after="chevron" @header="console.log('section header')">
<p>Контент секции. Клик по шапке эмитит header.</p>
<template #footer>
<sw-button size="small" type="primary">В футере</sw-button>
</template>
</sw-section>