Tabs
RTab is for Tabbar and RPanel is for content of the tabbar. you can use them separately as well.
v-model is mandatory on both RTab and RPanel.value props is mandatory on both RTabItemRPanelItem.Default
Content Of First Tab
Content Of First Tab
Content Of First Tab
Custom Tab Content
Props
fit
Fits tabbar items to parent
Content Of First Tab
Content Of First Tab
Content Of First Tab
bordered
Content Of First Tab
Content Of First Tab
Content Of First Tab
scrollable
When there are more items on tabbar to fit on parent, setting scrollable to true makes tabbar scroll horizontally.
disabled
color
Content Of First Tab
Content Of First Tab
Content Of First Tab
moverFull
Sets height of mover fit height of tabbar
Content Of First Tab
Content Of First Tab
Content Of First Tab
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| fit | boolean | No | undefined | If true, stretches the width of the tabs to fit tabbar. |
| bordered | boolean | No | undefined | If true, adds a border around the tabs and tabbar. |
| scrollable | boolean | No | undefined | If true, allows users to scroll through the tabs horizontally when they don't fit in the container. |
| moverFull | boolean | No | undefined | If true, expands the tab mover height to the full width of the tabbar item. |
| color | string | No | undefined | The color of the tabs. |
Events
| Name | Arguments | Description |
|---|---|---|
| update:modelValue | value: string, number | Will be called when v-model updates. |
TabItem Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| value | string, number | Yes | undefined | value of the tab ( must be specified ) |