fix(kskeleton): tweak prop name

Kong · Mar 27, 2024 · b37991c · b37991c
1 parent 1fe7983
commit b37991c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/docs/components/skeleton.md b/docs/components/skeleton.md
@@ -68,14 +68,14 @@ Used for displaying the number of cards in this loading state. Defaults to 1. Th
 <KSkeleton :card-count="2" type="card" />
 ```
 
-### maxWidth
+### cardMaxWidth
 
 Prop to specify width of each card. If not specified, KSkeleton will try to size them automatically in order to fit a maximum of 3 cards in a row without wrapping. If `cardCount` is `1` (or not specified) the maximum width a card will span is `470px`.
 
-<KSkeleton max-width="100%" type="card" />
+<KSkeleton card-max-width="100%" type="card" />
 
 ```html
-<KSkeleton max-width="100%" type="card" />
+<KSkeleton card-max-width="100%" type="card" />
 ```
 
 ## Form Loading State

diff --git a/src/components/KSkeleton/KSkeleton.vue b/src/components/KSkeleton/KSkeleton.vue
@@ -7,7 +7,7 @@
     <CardSkeleton
       v-if="type === 'card'"
       :card-count="cardCount"
-      :max-width="maxWidth"
+      :max-width="cardMaxWidth"
     >
       <template #card-header>
         <slot name="card-header" />
@@ -92,7 +92,7 @@ const props = defineProps({
     type: Number,
     default: 1,
   },
-  maxWidth: {
+  cardMaxWidth: {
     type: String,
     default: '',
   },