SwTabs
Компонент SwTabs представляет собой панель вкладок SwTabsPane.
Свойства / Properties
| Имя | Тип | По умолчанию | Значения/Описание |
|---|---|---|---|
class | String | sw-tabs | Добавляет пользовательский CSS-класс к компоненту. |
Слоты / Slots
Default - для компонентов SwTabsPane header - Дополнительное место во вкладках
Модель / Model
model - индекс активной вкладки (по порядку в коде с 0)
Пример использования / Example Usage
<script setup>
import { ref } from 'vue'
const tabsIndex = ref(0)
</script>
<sw-tabs v-model="tabsIndex">
<template #header>
<sw-button size="small" text>в шапке</sw-button>
</template>
<sw-tabs-pane title="one" label="Первая">Контент вкладки 1</sw-tabs-pane>
<sw-tabs-pane title="two" label="Вторая">Контент вкладки 2</sw-tabs-pane>
<sw-tabs-pane title="three" label="Третья">Контент вкладки 3</sw-tabs-pane>
</sw-tabs>