SwSegmented
Сегментированный переключатель. v-model — value выбранного пункта.
Свойства / Properties
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
options | Array | [] | { label, value, disabled?, before? }[]. |
size | String | `` | small / large. |
block | Boolean | false | На всю ширину. |
disabled | Boolean | false | Весь блок неактивен. |
class | String | `` | CSS-класс. |
Пример
<script setup>
import { ref } from 'vue'
const view = ref('list')
</script>
<sw-segmented
v-model="view"
:options="[
{ label: 'Список', value: 'list' },
{ label: 'Сетка', value: 'grid' },
{ label: 'Карта', value: 'map', disabled: true }
]"
/>