feat(VSkeletonLoader): add new default type ossein

vuetifyjs · Sep 27, 2023 · 9e61694 · 9e61694
1 parent a62b689
commit 9e61694
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/packages/docs/src/components/doc/MadeWithVuetify.vue b/packages/docs/src/components/doc/MadeWithVuetify.vue
@@ -5,6 +5,10 @@
     max-width="900"
   >
     <v-row>
+      <v-col v-for="n in 9" :key="n" cols="12" md="4">
+        <v-skeleton-loader height="180" width="100%" class="rounded" />
+      </v-col>
+
       <v-col
         v-for="project in items"
         :key="project.id"

diff --git a/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.sass b/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.sass
@@ -15,12 +15,16 @@
   &__actions
     justify-content: end
 
+  .v-skeleton-loader__ossein
+    height: 100%
+
   .v-skeleton-loader__avatar,
   .v-skeleton-loader__button,
   .v-skeleton-loader__chip,
   .v-skeleton-loader__divider,
   .v-skeleton-loader__heading,
   .v-skeleton-loader__image,
+  .v-skeleton-loader__ossein,
   .v-skeleton-loader__text
     background: $skeleton-loader-text-background
 

diff --git a/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.tsx b/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.tsx
@@ -40,6 +40,7 @@ export const rootTypes = {
   'list-item-avatar-two-line': 'avatar, sentences',
   'list-item-three-line': 'paragraph',
   'list-item-avatar-three-line': 'avatar, paragraph',
+  ossein: 'ossein',
   paragraph: 'text@3',
   sentences: 'text@2',
   subtitle: 'text',
@@ -118,7 +119,7 @@ export const makeVSkeletonLoaderProps = propsFactory({
       | VSkeletonLoaderType | (string & {})
       | ReadonlyArray<VSkeletonLoaderType | (string & {})>
     >,
-    default: 'image',
+    default: 'ossein',
   },
 
   ...makeDimensionProps(),