feat(VBtn/VTab): add text property

BREAKING CHANGE: The VTab title prop is now text
vuetifyjs · Apr 18, 2023 · 753d444 · 753d444
1 parent d0b41e4
commit 753d444
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/packages/vuetify/src/components/VBtn/VBtn.tsx b/packages/vuetify/src/components/VBtn/VBtn.tsx
@@ -65,6 +65,8 @@ export const makeVBtnProps = propsFactory({
     default: true,
   },
 
+  text: String,
+
   ...makeBorderProps(),
   ...makeRoundedProps(),
   ...makeDensityProps(),
@@ -228,8 +230,9 @@ export const VBtn = genericComponent<VBtnSlots>()({
                     icon: props.icon,
                   },
                 }}
-                v-slots:default={ slots.default }
-              />
+              >
+                { slots.default?.() ?? props.text }
+              </VDefaultsProvider>
             )}
           </span>
 

diff --git a/packages/vuetify/src/components/VTabs/VTab.tsx b/packages/vuetify/src/components/VTabs/VTab.tsx
@@ -21,7 +21,6 @@ export const VTab = genericComponent()({
 
   props: {
     fixed: Boolean,
-    title: String,
 
     sliderColor: String,
     hideSlider: Boolean,
@@ -122,7 +121,8 @@ export const VTab = genericComponent()({
           { ...attrs }
           onGroup:selected={ updateSlider }
         >
-          { slots.default ? slots.default() : props.title }
+          { slots.default?.() ?? props.text }
+
           { !props.hideSlider && (
             <div
               ref={ sliderEl }