DevExtreme Vue - Overview
The Tabs is a tab strip used to switch between pages or views. This widget is included in the TabPanel widget, but you can use the Tabs separately as well.
The following code adds the Tabs widget to your page. One of the tabs has an icon, another has a badge.
HTML
JavaScript
<div id="tabsContainer"></div>
$(function() { $("#tabsContainer").dxTabs({ items: [ { text: "User", icon: 'user' }, { text: "Comment", badge: "New" }, { text: "Find" } ] }); });
Note that all data source items in the code above follow the Default Item Template pattern. This provides a default appearance for tabs, which can be customized later.
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.