КРЕАТИВНЫЕ САЙТЫ И ПРИЛОЖЕНИЯ,
КАЧЕСТВЕННЫЕ WEB-УСЛУГИ
phone

SwSection

Компонент SwSection это тег section
с шаблоном из слотов, по умолчанию
в слот #header добавлено заголовок и иконка.

SwSection

Компонент SwSection это тег section с шаблоном из слотов, по умолчанию в слот #header добавлено заголовок и иконка.

Свойства / Properties

ИмяТипПо умолчаниюЗначения/Описание
nameString``Добавляет заголовок в секцию.
classStringsw-sectionДобавляет пользовательский CSS-класс к компоненту.
afterString``Иконка в заголовке: имя из спрайта или URL. См. SwIcon.
iconAfterString``Deprecated (удалить в major) — используйте after.

Слоты / Slots

#header - слот для заголовка секции. Default - содержимое секции #footer - слот для подвала секции.

События / Events

header - клик по всему Header

Пример использования / Example Usage

<sw-section
  name="section"
  class="custom-class"
  after="https://cdn.jsdelivr.net/npm/@tabler/icons@3.19.0/icons/outline/x.svg"
>
  <p>Содержимое / Content</p>
  <template #footer>
    <p>Footer!</p> 
  </template>
</sw-section>