Tabs 标签页

分隔内容上有关联但属于不同类别的标签页。

基础用法

基础的、简洁的标签页。

SXO Framework Switcher

🚧

This example is not yet available for .

卡片样式

设置 variant="pill" 即可设置为卡片样式。

SXO Framework Switcher

🚧

This example is not yet available for .

API

Tabs Props

参数	类型	默认值	说明
value / v-model	string	-	绑定值，选中标签页的 value
defaultValue	string	-	默认选中的标签页的 value
variant	'line' | 'pill'	'line'	样式变体
size	'sm' | 'md' | 'lg'	'md'	尺寸

Tabs Events

名称	说明	回调参数
change	切换标签页时触发	(value: string) => void

Tab Props

参数	类型	默认值	说明
value	string	-	标识符，对应 Tabs 的 value

TabPanel Props

参数	类型	默认值	说明
value	string	-	标识符，对应 Tab 的 value

API

参数	说明	类型	默认值
modelValue	-	String,	-
defaultValue	-	String,	-
variant	-	String	"line"
size	-	String	"md"