Pivot-DEMO

---

Properties

---

Property	Type	Required	Default	Description
modelValue	object	No	() =>	See the Pivot modelValue option.
items	array	No	[{ name: 'Pivot', width: 80 }]	See the Pivot items option.
tab	boolean	No	false	See the Pivot tab option.
padding	string	No	''	See the Pivot padding option.
itemPadding	string	No	''	See the Pivot itemPadding option.
fontSize	string	No	''	See the Pivot fontSize option.
foreground	string	No	''	Foreground color.
choosenForeground	string	No	''	See the Pivot choosenForeground option.
sliderBackground	string	No	''	See the Pivot sliderBackground option.
sliderBoxshadow	boolean	No	false	See the Pivot sliderBoxshadow option.
sliderBorderRadius	string	No	'3'	See the Pivot sliderBorderRadius option.
background	string	No	''	Background color.
borderRadius	string	No	''	See the Pivot borderRadius option.
theme	string	No	'global'	Theme style. Supports global, light, dark, system, and custom.
disabled	boolean	No	false	See the Pivot disabled option.
lang	string	No	"global"	See the Pivot lang option.

Events

---

Event	Arguments	Description
input	value	See the component input option.
change	object	See the component change option.

Slots

---

1. Container

<template v-slot:container="x">
</template>

Data

---

1. items

items = [{ key: 0, name: "Pivot", width: 80, show: true, disabled: false }]

//e.g.//

items: [{ key: 0, name: "Pivot", width: 80 }]