Табтар

Көріністер арасында ауысуға арналған ықшам segmented навигация компоненті.

Орнату

npx alixan-ui-nuxt add tabs

Қолдану

<script setup lang="ts">
const tabs = ['Account', 'Password']
const selected = ref(0)
</script>

<template>
  <div class="grid gap-4">
    <Tabs v-model="selected" :tabs="tabs" design="cupertino" />
    <Tabs v-model="selected" :tabs="tabs" design="material" />
  </div>
</template>

Толық ен

<template>
  <Tabs v-model="selected" :tabs="tabs" full />
</template>

API анықтамасы

Қасиет	Түрі	Әдепкі	Сипаттама
modelValue	number	0	v-model арқылы қолданылатын таңдалған tab индексі.
tabs	string[]	[]	Tab labels тізімі.
design	'material' \| 'cupertino'	'cupertino'	Tabs визуалды стилі.
full	boolean	false	Tabs контейнерін және әр tab-ты толық қолжетімді енді қолдануға мәжбүрлейді.