# Tabs Tabs are used to hide information until a user chooses to see it. You can use tabs to show two sets of information on the same page without the user needing to navigate away. | Prop | Data type | Required? | Description | | ------- | --------- | --------- | -------------------- | | `title` | String | Yes | The title of the tab | ## Tabbed elements ::: warning The `` component must be nested inside a `` component. ::: ```vue-html Overview content Activity content ``` Overview content Activity content ::: info If you add the same tab multiple times, the tab is rendered once with the combined content from the duplicates. ::: ```vue-html{2,4} Overview content Activity content More overview content ``` Overview content Activity content More overview content ## Tabs-right slot You can add a template to the right side of the tabs using the `#tabs-right` directive. ```vue-html{5-7} Overview content Activity content ``` Overview content Activity content