diff --git a/packages/docs/src/examples/v-sparkline/misc-dashboard-cards.vue b/packages/docs/src/examples/v-sparkline/misc-dashboard-cards.vue
new file mode 100644
index 00000000000..3510d210937
--- /dev/null
+++ b/packages/docs/src/examples/v-sparkline/misc-dashboard-cards.vue
@@ -0,0 +1,112 @@
+
+
+
+
+
+
{{ card.title }}
+
+
+ {{ card.value }}
+
+
+
+
+
+
+ {{ card.change }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/docs/src/examples/v-sparkline/misc-heart-rate.vue b/packages/docs/src/examples/v-sparkline/misc-heart-rate.vue
index 63fa02c9496..a050e7fa7c0 100644
--- a/packages/docs/src/examples/v-sparkline/misc-heart-rate.vue
+++ b/packages/docs/src/examples/v-sparkline/misc-heart-rate.vue
@@ -1,12 +1,12 @@
+
+#### Dashboard cards
+
+The `v-sparkline` component can be used to create a variety of different cards for a dashboard. Here we show a few examples of how it can be used to display different types of data.
+
+