feat(VImg): add absolute prop

vuetifyjs · May 29, 2024 · f842cd9 · f842cd9
1 parent 14a2e8c
commit f842cd9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VImg/VImg.sass b/packages/vuetify/src/components/VImg/VImg.sass
@@ -6,6 +6,15 @@
     --v-theme-overlay-multiplier: 3
     z-index: 0
 
+    &.v-img--absolute
+      height: 100%
+      left: 0
+      overflow: hidden
+      position: absolute
+      top: 0
+      width: 100%
+      z-index: -1
+
     &--booting .v-responsive__sizer
       transition: none
 

diff --git a/packages/vuetify/src/components/VImg/VImg.tsx b/packages/vuetify/src/components/VImg/VImg.tsx
@@ -54,6 +54,7 @@ export type VImgSlots = {
 }
 
 export const makeVImgProps = propsFactory({
+  absolute: Boolean,
   alt: String,
   cover: Boolean,
   color: String,
@@ -351,7 +352,10 @@ export const VImg = genericComponent<VImgSlots>()({
         <VResponsive
           class={[
             'v-img',
-            { 'v-img--booting': !isBooted.value },
+            {
+              'v-img--absolute': props.absolute,
+              'v-img--booting': !isBooted.value,
+            },
             backgroundColorClasses.value,
             roundedClasses.value,
             props.class,