docs(VSparkline): update examples

vuetifyjs · Feb 20, 2024 · c7eeda2 · c7eeda2
1 parent 21861e0
commit c7eeda2
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 26 deletions.
diff --git a/packages/docs/src/examples/v-sparkline/misc-custom-labels.vue b/packages/docs/src/examples/v-sparkline/misc-custom-labels.vue
@@ -14,7 +14,6 @@
           padding="24"
           stroke-linecap="round"
           smooth
-          type="bar"
         >
           <template v-slot:label="item">
             ${{ item.value }}

diff --git a/packages/docs/src/examples/v-sparkline/misc-heart-rate.vue b/packages/docs/src/examples/v-sparkline/misc-heart-rate.vue
@@ -4,38 +4,36 @@
     color="grey-lighten-4"
     max-width="600"
   >
-    <v-card-title>
+    <template v-slot:prepend>
       <v-icon
         :color="checking ? 'red lighten-2' : 'indigo'"
-        class="me-12"
+        class="me-8"
         size="64"
+        icon="mdi-heart-pulse"
         @click="takePulse"
-      >
-        mdi-heart-pulse
-      </v-icon>
-      <v-row align="start">
-        <div class="text-caption text-grey text-uppercase">
-          Heart rate
-        </div>
-        <div>
-          <span
-            class="text-h3 font-weight-black"
-            v-text="avg || '—'"
-          ></span>
-          <strong v-if="avg">BPM</strong>
-        </div>
-      </v-row>
-
-      <v-spacer></v-spacer>
+      ></v-icon>
+    </template>
 
+    <template v-slot:title>
+      <div class="text-caption text-grey text-uppercase">
+        Heart rate
+      </div>
+
+      <span
+        class="text-h3 font-weight-black"
+        v-text="avg || '—'"
+      ></span>
+      <strong v-if="avg">BPM</strong>
+    </template>
+
+    <template v-slot:append>
       <v-btn
-        icon
+        icon="mdi-arrow-right-thick"
         class="align-self-start"
-        size="28"
-      >
-        <v-icon>mdi-arrow-right-thick</v-icon>
-      </v-btn>
-    </v-card-title>
+        size="34"
+        variant="text"
+      ></v-btn>
+    </template>
 
     <v-sheet color="transparent">
       <v-sparkline