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

SwTabs

Компонент SwTabs представляет собой панель вкладок SwTabsPane.

SwTabs

Компонент SwTabs представляет собой панель вкладок SwTabsPane.

Свойства / Properties

ИмяТипПо умолчаниюЗначения/Описание
classStringsw-tabsДобавляет пользовательский CSS-класс к компоненту.

Слоты / Slots

Default - для компонентов SwTabsPane header - Дополнительное место во вкладках

Модель / Model

model - индекс активной вкладки (по порядку в коде с 0)

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

<script>let activeTabId = 0</script>

<sw-tabs v-model="activeTabId" class="custom-class">
  <sw-tabs-pane label="Профиль" title="profile">
    <p>Содержимое вкладки профиля / Profile tab</p>
  </sw-tabs-pane>
  <sw-tabs-pane label="Настройки" title="settings">
    <p>Содержимое вкладки настроек / Settings tab</p>
  </sw-tabs-pane>
</sw-tabs>