This is the content of Tab 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita quis earum ad optio dolor officiis culpa voluptates maiores libero, repellat
This is dummy content, for tab 3
Super Vue3 Tabs
A Vue 3 component for creating tabbed interfaces easily. Here are the demos of the vue tabs component.
Github docs
Examples
Normal example
Disbaled Tab: You can pass disabled prop to disable.
This is the content of Tab 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita quis earum ad optio dolor officiis culpa voluptates maiores libero, repellat
This is dummy content, for tab 3
Change theme color:You can pass
themeColor props to change color of your tabs.This is the content of Tab 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita quis earum ad optio dolor officiis culpa voluptates maiores libero, repellat
This is dummy content, for tab 3
This is the content of Tab 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita quis earum ad optio dolor officiis culpa voluptates maiores libero, repellat
This is dummy content, for tab 3
This is the content of Tab 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita quis earum ad optio dolor officiis culpa voluptates maiores libero, repellat
This is dummy content, for tab 3
Slide: In order to fit in more tabs, they can slide left and right.
Tab 1 content: This is some dummy content.
You can put any component inside this as well.
Tab 2 content: This is some dummy content.
You can put any component inside this as well.
Tab 3 content: This is some dummy content.
You can put any component inside this as well.
Tab 4 content: This is some dummy content.
You can put any component inside this as well.
Tab 5 content: This is some dummy content.
You can put any component inside this as well.
Tab 6 content: This is some dummy content.
You can put any component inside this as well.
Tab 7 content: This is some dummy content.
You can put any component inside this as well.
Tab 8 content: This is some dummy content.
You can put any component inside this as well.
Tab 9 content: This is some dummy content.
You can put any component inside this as well.
Tab 10 content: This is some dummy content.
You can put any component inside this as well.
Tab 11 content: This is some dummy content.
You can put any component inside this as well.
Tab 12 content: This is some dummy content.
You can put any component inside this as well.
Tab 13 content: This is some dummy content.
You can put any component inside this as well.
Tab 14 content: This is some dummy content.
You can put any component inside this as well.
Tab 15 content: This is some dummy content.
You can put any component inside this as well.
Tab 16 content: This is some dummy content.
You can put any component inside this as well.
Tab 17 content: This is some dummy content.
You can put any component inside this as well.
Tab 18 content: This is some dummy content.
You can put any component inside this as well.
Tab 19 content: This is some dummy content.
You can put any component inside this as well.
Tab 20 content: This is some dummy content.
You can put any component inside this as well.
Tab 21 content: This is some dummy content.
You can put any component inside this as well.
Tab 22 content: This is some dummy content.
You can put any component inside this as well.
Tab 23 content: This is some dummy content.
You can put any component inside this as well.
Tab 24 content: This is some dummy content.
You can put any component inside this as well.
Tab 25 content: This is some dummy content.
You can put any component inside this as well.
Icons:
This is the content of Tab 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita quis earum ad optio dolor officiis culpa voluptates maiores libero, repellat
This is dummy content, for tab 3
For documentation, please visit github
Github docs