arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-28 10:50:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(Tabs): add content prop to avoid the render of the HTML markup (#1831)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Vitta
2024-06-04 10:23:17 +02:00
committed by GitHub
parent 831c560a96
commit 6e2678d1d8
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/content/2.components/tabs.md
View File

@@ -63,6 +63,8 @@ componentProps:
--- ---
:: ::
You can use the `content` prop and set it to `false` to avoid the rendering of the HTML content if you don't need it.
### Control the selected index ### Control the selected index
Use a `v-model` to control the selected index. Use a `v-model` to control the selected index.

6
src/runtime/components/navigation/Tabs.vue
View File

@@ -32,7 +32,7 @@
</HTab> </HTab>
</HTabList> </HTabList>
<HTabPanels :class="ui.container"> <HTabPanels v-if="content" :class="ui.container">
<HTabPanel v-for="(item, index) of items" :key="index" v-slot="{ selected }" :class="ui.base" :unmount="unmount"> <HTabPanel v-for="(item, index) of items" :key="index" v-slot="{ selected }" :class="ui.base" :unmount="unmount">
<slot :name="item.slot || 'item'" :item="item" :index="index" :selected="selected"> <slot :name="item.slot || 'item'" :item="item" :index="index" :selected="selected">
{{ item.content }} {{ item.content }}
@@ -88,6 +88,10 @@ export default defineComponent({
type: Boolean, type: Boolean,
default: false default: false
}, },
content: {
type: Boolean,
default: true
},
class: { class: {
type: [String, Object, Array] as PropType<any>, type: [String, Object, Array] as PropType<any>,
default: () => '' default: () => ''