diff --git a/docs/api/select.md b/docs/api/select.md
index b632d936751..d3792bfe52a 100644
--- a/docs/api/select.md
+++ b/docs/api/select.md
@@ -54,9 +54,9 @@ By adding the `multiple` attribute to select, users are able to select multiple
Note: the `action-sheet` and `popover` interfaces will not work with multiple selection.
-import MulipleSelectionExample from '@site/static/usage/v7/select/basic/multiple-selection/index.md';
+import MultipleSelectionExample from '@site/static/usage/v7/select/basic/multiple-selection/index.md';
-
+
## Responding to Interaction
diff --git a/src/components/global/Playground/index.tsx b/src/components/global/Playground/index.tsx
index d4a6c27afdb..781b65e0bdb 100644
--- a/src/components/global/Playground/index.tsx
+++ b/src/components/global/Playground/index.tsx
@@ -96,11 +96,6 @@ interface UsageTargetOptions {
*/
declarations?: string[];
};
- /**
- * The major version of Ionic to use in the generated Stackblitz examples.
- * This will also load assets for Stackblitz from the specified version directory.
- */
- version?: number;
}
/**
@@ -120,7 +115,7 @@ export default function Playground({
mode,
devicePreview,
includeIonContent = true,
- version = 6,
+ version,
}: {
code: { [key in UsageTarget]?: MdxContent | UsageTargetOptions };
title?: string;
@@ -135,6 +130,10 @@ export default function Playground({
description?: string;
devicePreview?: boolean;
includeIonContent: boolean;
+ /**
+ * The major version of Ionic to use in the generated Stackblitz examples.
+ * This will also load assets for Stackblitz from the specified version directory.
+ */
version: number;
}) {
if (!code || Object.keys(code).length === 0) {
@@ -145,6 +144,10 @@ export default function Playground({
console.warn(`Invalid mode provided: ${mode}. Accepted values are: "ios" or "md".`);
return;
}
+ if (typeof version === 'undefined') {
+ console.warn('You must specify a `version` for the Playground example. For example: ');
+ return;
+ }
const { isDarkTheme } = useThemeContext();
diff --git a/static/usage/v6/accordion/accessibility/animations/index.md b/static/usage/v6/accordion/accessibility/animations/index.md
index ea858fcddee..37f6bcddd93 100644
--- a/static/usage/v6/accordion/accessibility/animations/index.md
+++ b/static/usage/v6/accordion/accessibility/animations/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/avatar/chip/index.md b/static/usage/v6/avatar/chip/index.md
index 25c8aeff123..b87c62d255b 100644
--- a/static/usage/v6/avatar/chip/index.md
+++ b/static/usage/v6/avatar/chip/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/avatar/item/index.md b/static/usage/v6/avatar/item/index.md
index 67f97708b02..d592bf249c3 100644
--- a/static/usage/v6/avatar/item/index.md
+++ b/static/usage/v6/avatar/item/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/avatar/theming/css-properties/index.md b/static/usage/v6/avatar/theming/css-properties/index.md
index 51f2c0650ce..4ff0ecd1679 100644
--- a/static/usage/v6/avatar/theming/css-properties/index.md
+++ b/static/usage/v6/avatar/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/backdrop/styling/index.md b/static/usage/v6/backdrop/styling/index.md
index 8d16c744a02..7d3aad9224c 100644
--- a/static/usage/v6/backdrop/styling/index.md
+++ b/static/usage/v6/backdrop/styling/index.md
@@ -11,6 +11,7 @@ import angular_example_component_css from './angular/example_component_css.md';
import angular_example_component_html from './angular/example_component_html.md';
+
diff --git a/static/usage/v6/badge/theming/colors/index.md b/static/usage/v6/badge/theming/colors/index.md
index da0a5d660aa..47aa8b9e1b4 100644
--- a/static/usage/v6/badge/theming/colors/index.md
+++ b/static/usage/v6/badge/theming/colors/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/badge/theming/css-properties/index.md b/static/usage/v6/badge/theming/css-properties/index.md
index 48ac100bf66..711d4f0a38d 100644
--- a/static/usage/v6/badge/theming/css-properties/index.md
+++ b/static/usage/v6/badge/theming/css-properties/index.md
@@ -10,6 +10,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/breadcrumbs/collapsing-items/expand-on-click/index.md b/static/usage/v6/breadcrumbs/collapsing-items/expand-on-click/index.md
index fd50385529a..fc5c8a29061 100644
--- a/static/usage/v6/breadcrumbs/collapsing-items/expand-on-click/index.md
+++ b/static/usage/v6/breadcrumbs/collapsing-items/expand-on-click/index.md
@@ -8,6 +8,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_ts from './angular/example_component_ts.md';
diff --git a/static/usage/v6/breadcrumbs/collapsing-items/popover-on-click/index.md b/static/usage/v6/breadcrumbs/collapsing-items/popover-on-click/index.md
index a5e3fe3aeec..a0b924e8127 100644
--- a/static/usage/v6/breadcrumbs/collapsing-items/popover-on-click/index.md
+++ b/static/usage/v6/breadcrumbs/collapsing-items/popover-on-click/index.md
@@ -8,6 +8,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_ts from './angular/example_component_ts.md';
+
diff --git a/static/usage/v6/breadcrumbs/icons/icons-on-items/index.md b/static/usage/v6/breadcrumbs/icons/icons-on-items/index.md
index d46f6c6ba52..0f2e9ac47cc 100644
--- a/static/usage/v6/breadcrumbs/icons/icons-on-items/index.md
+++ b/static/usage/v6/breadcrumbs/icons/icons-on-items/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/breadcrumbs/theming/css-properties/index.md b/static/usage/v6/breadcrumbs/theming/css-properties/index.md
index de65ba9677f..013c1e19024 100644
--- a/static/usage/v6/breadcrumbs/theming/css-properties/index.md
+++ b/static/usage/v6/breadcrumbs/theming/css-properties/index.md
@@ -10,6 +10,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/button/expand/index.md b/static/usage/v6/button/expand/index.md
index 9f6db466051..13e7cabce8d 100644
--- a/static/usage/v6/button/expand/index.md
+++ b/static/usage/v6/button/expand/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/button/fill/index.md b/static/usage/v6/button/fill/index.md
index b042cc0c615..00419cc7e00 100644
--- a/static/usage/v6/button/fill/index.md
+++ b/static/usage/v6/button/fill/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/button/icons/index.md b/static/usage/v6/button/icons/index.md
index 518188e64e0..591563be9a0 100644
--- a/static/usage/v6/button/icons/index.md
+++ b/static/usage/v6/button/icons/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/button/shape/index.md b/static/usage/v6/button/shape/index.md
index 76562ba231e..8f2fd028d0c 100644
--- a/static/usage/v6/button/shape/index.md
+++ b/static/usage/v6/button/shape/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/button/size/index.md b/static/usage/v6/button/size/index.md
index a606debb051..7a17c6f7464 100644
--- a/static/usage/v6/button/size/index.md
+++ b/static/usage/v6/button/size/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/button/theming/colors/index.md b/static/usage/v6/button/theming/colors/index.md
index 3c5760b1e32..af3ba6d2ea5 100644
--- a/static/usage/v6/button/theming/colors/index.md
+++ b/static/usage/v6/button/theming/colors/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/button/theming/css-properties/index.md b/static/usage/v6/button/theming/css-properties/index.md
index 9e0fcb66c2b..06905de166a 100644
--- a/static/usage/v6/button/theming/css-properties/index.md
+++ b/static/usage/v6/button/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/buttons/placement/index.md b/static/usage/v6/buttons/placement/index.md
index ed4a5d80d7e..a73fed1921b 100644
--- a/static/usage/v6/buttons/placement/index.md
+++ b/static/usage/v6/buttons/placement/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/buttons/types/index.md b/static/usage/v6/buttons/types/index.md
index 910b6526fc7..f0bee55af1c 100644
--- a/static/usage/v6/buttons/types/index.md
+++ b/static/usage/v6/buttons/types/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/card/basic/index.md b/static/usage/v6/card/basic/index.md
index 2b73d2d8788..37aa8c0cd1a 100644
--- a/static/usage/v6/card/basic/index.md
+++ b/static/usage/v6/card/basic/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/chip/slots/index.md b/static/usage/v6/chip/slots/index.md
index 7b6ef1233ee..71be95fe594 100644
--- a/static/usage/v6/chip/slots/index.md
+++ b/static/usage/v6/chip/slots/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/chip/theming/colors/index.md b/static/usage/v6/chip/theming/colors/index.md
index d5561ca8b75..096cfc43691 100644
--- a/static/usage/v6/chip/theming/colors/index.md
+++ b/static/usage/v6/chip/theming/colors/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/chip/theming/css-properties/index.md b/static/usage/v6/chip/theming/css-properties/index.md
index 5851a62f350..0ee9a98de33 100644
--- a/static/usage/v6/chip/theming/css-properties/index.md
+++ b/static/usage/v6/chip/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_css from './angular/example_component_css.md';
import angular_example_component_html from './angular/example_component_html.md';
+
diff --git a/static/usage/v6/datetime/basic/index.md b/static/usage/v6/datetime/basic/index.md
index d63897a88e0..e7a042f3159 100644
--- a/static/usage/v6/datetime/basic/index.md
+++ b/static/usage/v6/datetime/basic/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/datetime/buttons/customizing-button-texts/index.md b/static/usage/v6/datetime/buttons/customizing-button-texts/index.md
index 01c27026f13..a7bd0d9395d 100644
--- a/static/usage/v6/datetime/buttons/customizing-button-texts/index.md
+++ b/static/usage/v6/datetime/buttons/customizing-button-texts/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/datetime/presentation/date/index.md b/static/usage/v6/datetime/presentation/date/index.md
index da12ceaaf60..200134a198d 100644
--- a/static/usage/v6/datetime/presentation/date/index.md
+++ b/static/usage/v6/datetime/presentation/date/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/datetime/presentation/wheel/index.md b/static/usage/v6/datetime/presentation/wheel/index.md
index e187340b607..781bc20a7d8 100644
--- a/static/usage/v6/datetime/presentation/wheel/index.md
+++ b/static/usage/v6/datetime/presentation/wheel/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/fab/button-sizing/index.md b/static/usage/v6/fab/button-sizing/index.md
index 4ce8f551be2..8827cbf550e 100644
--- a/static/usage/v6/fab/button-sizing/index.md
+++ b/static/usage/v6/fab/button-sizing/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/fab/list-side/index.md b/static/usage/v6/fab/list-side/index.md
index cf72e0722be..4d5152c90f7 100644
--- a/static/usage/v6/fab/list-side/index.md
+++ b/static/usage/v6/fab/list-side/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/fab/positioning/index.md b/static/usage/v6/fab/positioning/index.md
index e3270c0b23d..4fe63f013b7 100644
--- a/static/usage/v6/fab/positioning/index.md
+++ b/static/usage/v6/fab/positioning/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/fab/theming/css-custom-properties/index.md b/static/usage/v6/fab/theming/css-custom-properties/index.md
index 6ef760440ae..71f8958cef6 100644
--- a/static/usage/v6/fab/theming/css-custom-properties/index.md
+++ b/static/usage/v6/fab/theming/css-custom-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/infinite-scroll/basic/index.md b/static/usage/v6/infinite-scroll/basic/index.md
index 9082f9eed87..43a3abf2881 100644
--- a/static/usage/v6/infinite-scroll/basic/index.md
+++ b/static/usage/v6/infinite-scroll/basic/index.md
@@ -8,6 +8,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_ts from './angular/example_component_ts.md';
+
diff --git a/static/usage/v6/input/clear/index.md b/static/usage/v6/input/clear/index.md
index 1bd98995375..f6bac9b0fbb 100644
--- a/static/usage/v6/input/clear/index.md
+++ b/static/usage/v6/input/clear/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/input/fill/index.md b/static/usage/v6/input/fill/index.md
index 3b838e6d74d..68c94cd6714 100644
--- a/static/usage/v6/input/fill/index.md
+++ b/static/usage/v6/input/fill/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/input/theming/colors/index.md b/static/usage/v6/input/theming/colors/index.md
index c20a64153fe..9f3861e073b 100644
--- a/static/usage/v6/input/theming/colors/index.md
+++ b/static/usage/v6/input/theming/colors/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/input/theming/css-properties/index.md b/static/usage/v6/input/theming/css-properties/index.md
index a2e6ef2484b..c67d8ddf1bc 100644
--- a/static/usage/v6/input/theming/css-properties/index.md
+++ b/static/usage/v6/input/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/item-divider/basic/index.md b/static/usage/v6/item-divider/basic/index.md
index 0e88dd9accf..c50ecfe1199 100644
--- a/static/usage/v6/item-divider/basic/index.md
+++ b/static/usage/v6/item-divider/basic/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/item-divider/theming/colors/index.md b/static/usage/v6/item-divider/theming/colors/index.md
index d883aabbdf7..912ef18df03 100644
--- a/static/usage/v6/item-divider/theming/colors/index.md
+++ b/static/usage/v6/item-divider/theming/colors/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/item-group/sliding-items/index.md b/static/usage/v6/item-group/sliding-items/index.md
index b63a864a248..c5d90b9bc8a 100644
--- a/static/usage/v6/item-group/sliding-items/index.md
+++ b/static/usage/v6/item-group/sliding-items/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/item-sliding/expandable/index.md b/static/usage/v6/item-sliding/expandable/index.md
index fe0929ce8b2..d5025c568ac 100644
--- a/static/usage/v6/item-sliding/expandable/index.md
+++ b/static/usage/v6/item-sliding/expandable/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/item-sliding/icons/index.md b/static/usage/v6/item-sliding/icons/index.md
index 208b70bb14f..6345bb374fb 100644
--- a/static/usage/v6/item-sliding/icons/index.md
+++ b/static/usage/v6/item-sliding/icons/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/item/basic/index.md b/static/usage/v6/item/basic/index.md
index 11fec7eecf2..7faf05b21e5 100644
--- a/static/usage/v6/item/basic/index.md
+++ b/static/usage/v6/item/basic/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/item/buttons/index.md b/static/usage/v6/item/buttons/index.md
index b079b352558..d46337926bc 100644
--- a/static/usage/v6/item/buttons/index.md
+++ b/static/usage/v6/item/buttons/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/item/clickable/index.md b/static/usage/v6/item/clickable/index.md
index 909f021eb38..91e3cc80ba6 100644
--- a/static/usage/v6/item/clickable/index.md
+++ b/static/usage/v6/item/clickable/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/item/counter/index.md b/static/usage/v6/item/counter/index.md
index 2dae9aa08ff..b06fb2ecf1a 100644
--- a/static/usage/v6/item/counter/index.md
+++ b/static/usage/v6/item/counter/index.md
@@ -8,6 +8,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_ts from './angular/example_component_ts.md';
+
diff --git a/static/usage/v6/item/helper-error/index.md b/static/usage/v6/item/helper-error/index.md
index 69cbae09c2a..021ea8858cf 100644
--- a/static/usage/v6/item/helper-error/index.md
+++ b/static/usage/v6/item/helper-error/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/item/inputs/index.md b/static/usage/v6/item/inputs/index.md
index 1468e3c5bc1..069052abc58 100644
--- a/static/usage/v6/item/inputs/index.md
+++ b/static/usage/v6/item/inputs/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/item/lines/index.md b/static/usage/v6/item/lines/index.md
index 79afa46163e..f1ccef30f7e 100644
--- a/static/usage/v6/item/lines/index.md
+++ b/static/usage/v6/item/lines/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/item/media/index.md b/static/usage/v6/item/media/index.md
index 7f6f5bcf2f5..25b0bbf0ebd 100644
--- a/static/usage/v6/item/media/index.md
+++ b/static/usage/v6/item/media/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/item/theming/colors/index.md b/static/usage/v6/item/theming/colors/index.md
index 88b26e3a529..c646ae03dbe 100644
--- a/static/usage/v6/item/theming/colors/index.md
+++ b/static/usage/v6/item/theming/colors/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/item/theming/css-properties/index.md b/static/usage/v6/item/theming/css-properties/index.md
index 0a0793092c4..5db040f5834 100644
--- a/static/usage/v6/item/theming/css-properties/index.md
+++ b/static/usage/v6/item/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_css from './angular/example_component_css.md';
import angular_example_component_html from './angular/example_component_html.md';
+
diff --git a/static/usage/v6/label/input/index.md b/static/usage/v6/label/input/index.md
index 714a8b2d253..7f825e38e93 100644
--- a/static/usage/v6/label/input/index.md
+++ b/static/usage/v6/label/input/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/label/item/index.md b/static/usage/v6/label/item/index.md
index 41a5421ab0b..25b333ac424 100644
--- a/static/usage/v6/label/item/index.md
+++ b/static/usage/v6/label/item/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/label/theming/colors/index.md b/static/usage/v6/label/theming/colors/index.md
index 79b5ebbc946..2e055eab680 100644
--- a/static/usage/v6/label/theming/colors/index.md
+++ b/static/usage/v6/label/theming/colors/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/list-header/basic/index.md b/static/usage/v6/list-header/basic/index.md
index d3abe151a87..78b84e21387 100644
--- a/static/usage/v6/list-header/basic/index.md
+++ b/static/usage/v6/list-header/basic/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/list-header/buttons/index.md b/static/usage/v6/list-header/buttons/index.md
index f3eef534dd0..368b68089d1 100644
--- a/static/usage/v6/list-header/buttons/index.md
+++ b/static/usage/v6/list-header/buttons/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/list-header/lines/index.md b/static/usage/v6/list-header/lines/index.md
index 54598147a4f..53f77fb4ff3 100644
--- a/static/usage/v6/list-header/lines/index.md
+++ b/static/usage/v6/list-header/lines/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/list-header/theming/colors/index.md b/static/usage/v6/list-header/theming/colors/index.md
index 10be0e14877..828041239f3 100644
--- a/static/usage/v6/list-header/theming/colors/index.md
+++ b/static/usage/v6/list-header/theming/colors/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/list/inset/index.md b/static/usage/v6/list/inset/index.md
index a98a9f03e82..cbab47db1ea 100644
--- a/static/usage/v6/list/inset/index.md
+++ b/static/usage/v6/list/inset/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/list/lines/index.md b/static/usage/v6/list/lines/index.md
index bc8750c13c8..2f622d7723a 100644
--- a/static/usage/v6/list/lines/index.md
+++ b/static/usage/v6/list/lines/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/loading/controller/index.md b/static/usage/v6/loading/controller/index.md
index 7d62fd4f345..43c62e88258 100644
--- a/static/usage/v6/loading/controller/index.md
+++ b/static/usage/v6/loading/controller/index.md
@@ -8,6 +8,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_ts from './angular/example_component_ts.md';
+
diff --git a/static/usage/v6/note/item/index.md b/static/usage/v6/note/item/index.md
index d829308cdec..8327141e7d3 100644
--- a/static/usage/v6/note/item/index.md
+++ b/static/usage/v6/note/item/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/note/theming/colors/index.md b/static/usage/v6/note/theming/colors/index.md
index 62d29bd2be9..ae6f093a75c 100644
--- a/static/usage/v6/note/theming/colors/index.md
+++ b/static/usage/v6/note/theming/colors/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/note/theming/css-properties/index.md b/static/usage/v6/note/theming/css-properties/index.md
index c1e731f8d1b..7055e40a026 100644
--- a/static/usage/v6/note/theming/css-properties/index.md
+++ b/static/usage/v6/note/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_css from './angular/example_component_css.md';
import angular_example_component_html from './angular/example_component_html.md';
+
diff --git a/static/usage/v6/popover/performance/mount/index.md b/static/usage/v6/popover/performance/mount/index.md
index c201dea3154..cfa394abec0 100644
--- a/static/usage/v6/popover/performance/mount/index.md
+++ b/static/usage/v6/popover/performance/mount/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/progress-bar/theming/colors/index.md b/static/usage/v6/progress-bar/theming/colors/index.md
index 5f0d2092c55..e4defcbfc84 100644
--- a/static/usage/v6/progress-bar/theming/colors/index.md
+++ b/static/usage/v6/progress-bar/theming/colors/index.md
@@ -5,4 +5,8 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/progress-bar/theming/css-properties/index.md b/static/usage/v6/progress-bar/theming/css-properties/index.md
index 1c4a9cf15da..cb943ed9e51 100644
--- a/static/usage/v6/progress-bar/theming/css-properties/index.md
+++ b/static/usage/v6/progress-bar/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/radio/empty-selection/index.md b/static/usage/v6/radio/empty-selection/index.md
index 2f789c60bee..fd6d995816d 100644
--- a/static/usage/v6/radio/empty-selection/index.md
+++ b/static/usage/v6/radio/empty-selection/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/radio/theming/colors/index.md b/static/usage/v6/radio/theming/colors/index.md
index a8b20257d2e..fe4ef66c18e 100644
--- a/static/usage/v6/radio/theming/colors/index.md
+++ b/static/usage/v6/radio/theming/colors/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/radio/theming/css-properties/index.md b/static/usage/v6/radio/theming/css-properties/index.md
index 78ce4589761..844b06a04f2 100644
--- a/static/usage/v6/radio/theming/css-properties/index.md
+++ b/static/usage/v6/radio/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/range/dual-knobs/index.md b/static/usage/v6/range/dual-knobs/index.md
index ab7b43f4d48..70792168ada 100644
--- a/static/usage/v6/range/dual-knobs/index.md
+++ b/static/usage/v6/range/dual-knobs/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/range/ion-change-event/index.md b/static/usage/v6/range/ion-change-event/index.md
index d14edf576b4..f4376e63985 100644
--- a/static/usage/v6/range/ion-change-event/index.md
+++ b/static/usage/v6/range/ion-change-event/index.md
@@ -8,6 +8,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_ts from './angular/example_component_ts.md';
+
diff --git a/static/usage/v6/range/snapping-ticks/index.md b/static/usage/v6/range/snapping-ticks/index.md
index 9c701956179..aab3bbecead 100644
--- a/static/usage/v6/range/snapping-ticks/index.md
+++ b/static/usage/v6/range/snapping-ticks/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/range/theming/css-properties/index.md b/static/usage/v6/range/theming/css-properties/index.md
index b85f6df20a1..1f5aa7529f7 100644
--- a/static/usage/v6/range/theming/css-properties/index.md
+++ b/static/usage/v6/range/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/searchbar/cancel-button/index.md b/static/usage/v6/searchbar/cancel-button/index.md
index c00d5e7b908..4ad2c30b731 100644
--- a/static/usage/v6/searchbar/cancel-button/index.md
+++ b/static/usage/v6/searchbar/cancel-button/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/searchbar/clear-button/index.md b/static/usage/v6/searchbar/clear-button/index.md
index 1341421c264..aa821ec048b 100644
--- a/static/usage/v6/searchbar/clear-button/index.md
+++ b/static/usage/v6/searchbar/clear-button/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/searchbar/debounce/index.md b/static/usage/v6/searchbar/debounce/index.md
index c674ac98016..d161cc8b140 100644
--- a/static/usage/v6/searchbar/debounce/index.md
+++ b/static/usage/v6/searchbar/debounce/index.md
@@ -9,6 +9,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_ts from './angular/example_component_ts.md';
+
diff --git a/static/usage/v6/searchbar/theming/colors/index.md b/static/usage/v6/searchbar/theming/colors/index.md
index 99500b6e111..c13f364ca20 100644
--- a/static/usage/v6/searchbar/theming/colors/index.md
+++ b/static/usage/v6/searchbar/theming/colors/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/searchbar/theming/css-properties/index.md b/static/usage/v6/searchbar/theming/css-properties/index.md
index 0f86b4f2c2b..c6c51b8f352 100644
--- a/static/usage/v6/searchbar/theming/css-properties/index.md
+++ b/static/usage/v6/searchbar/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/segment-button/layout/index.md b/static/usage/v6/segment-button/layout/index.md
index 2764e5f39bd..5ddcc6a17b8 100644
--- a/static/usage/v6/segment-button/layout/index.md
+++ b/static/usage/v6/segment-button/layout/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/segment-button/theming/css-properties/index.md b/static/usage/v6/segment-button/theming/css-properties/index.md
index e5d344492c4..3bfdd96bb1d 100644
--- a/static/usage/v6/segment-button/theming/css-properties/index.md
+++ b/static/usage/v6/segment-button/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_css from './angular/example_component_css.md';
import angular_example_component_html from './angular/example_component_html.md';
+
diff --git a/static/usage/v6/segment/scrollable/index.md b/static/usage/v6/segment/scrollable/index.md
index 7f7e45f94a7..de206ca652a 100644
--- a/static/usage/v6/segment/scrollable/index.md
+++ b/static/usage/v6/segment/scrollable/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/segment/theming/colors/index.md b/static/usage/v6/segment/theming/colors/index.md
index 268e4516c4c..1896c85f8f3 100644
--- a/static/usage/v6/segment/theming/colors/index.md
+++ b/static/usage/v6/segment/theming/colors/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/segment/theming/css-properties/index.md b/static/usage/v6/segment/theming/css-properties/index.md
index 2e18d975045..f8dfa374ba9 100644
--- a/static/usage/v6/segment/theming/css-properties/index.md
+++ b/static/usage/v6/segment/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_css from './angular/example_component_css.md';
import angular_example_component_html from './angular/example_component_html.md';
+
diff --git a/static/usage/v6/spinner/theming/colors/index.md b/static/usage/v6/spinner/theming/colors/index.md
index c8c2337257b..243c7ead7bf 100644
--- a/static/usage/v6/spinner/theming/colors/index.md
+++ b/static/usage/v6/spinner/theming/colors/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/spinner/theming/css-properties/index.md b/static/usage/v6/spinner/theming/css-properties/index.md
index 647bccd452a..bdc0e36afd4 100644
--- a/static/usage/v6/spinner/theming/css-properties/index.md
+++ b/static/usage/v6/spinner/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/split-pane/theming/css-properties/index.md b/static/usage/v6/split-pane/theming/css-properties/index.md
index 606294ff0f1..d92888173f0 100644
--- a/static/usage/v6/split-pane/theming/css-properties/index.md
+++ b/static/usage/v6/split-pane/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/textarea/autogrow/index.md b/static/usage/v6/textarea/autogrow/index.md
index c4f40666a42..9d0efc4679e 100644
--- a/static/usage/v6/textarea/autogrow/index.md
+++ b/static/usage/v6/textarea/autogrow/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/textarea/basic/index.md b/static/usage/v6/textarea/basic/index.md
index 102465599b8..3325f10b870 100644
--- a/static/usage/v6/textarea/basic/index.md
+++ b/static/usage/v6/textarea/basic/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/textarea/clear-on-edit/index.md b/static/usage/v6/textarea/clear-on-edit/index.md
index a6f9da7f7df..4bb42164650 100644
--- a/static/usage/v6/textarea/clear-on-edit/index.md
+++ b/static/usage/v6/textarea/clear-on-edit/index.md
@@ -5,4 +5,9 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/textarea/theming/index.md b/static/usage/v6/textarea/theming/index.md
index a0a2e12b661..3570856f99e 100644
--- a/static/usage/v6/textarea/theming/index.md
+++ b/static/usage/v6/textarea/theming/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/thumbnail/item/index.md b/static/usage/v6/thumbnail/item/index.md
index bd9b1ced946..eeec0a10cd5 100644
--- a/static/usage/v6/thumbnail/item/index.md
+++ b/static/usage/v6/thumbnail/item/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/thumbnail/theming/css-properties/index.md b/static/usage/v6/thumbnail/theming/css-properties/index.md
index 11823306607..af98370979e 100644
--- a/static/usage/v6/thumbnail/theming/css-properties/index.md
+++ b/static/usage/v6/thumbnail/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';
+
diff --git a/static/usage/v6/toggle/on-off/index.md b/static/usage/v6/toggle/on-off/index.md
index a3a005e883f..3e716535563 100644
--- a/static/usage/v6/toggle/on-off/index.md
+++ b/static/usage/v6/toggle/on-off/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/toggle/theming/colors/index.md b/static/usage/v6/toggle/theming/colors/index.md
index 4229ac88a7a..e5a56aa4452 100644
--- a/static/usage/v6/toggle/theming/colors/index.md
+++ b/static/usage/v6/toggle/theming/colors/index.md
@@ -5,4 +5,4 @@ import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';
-
+
diff --git a/static/usage/v6/toggle/theming/css-properties/index.md b/static/usage/v6/toggle/theming/css-properties/index.md
index 9342c5eba77..6a78a059e49 100644
--- a/static/usage/v6/toggle/theming/css-properties/index.md
+++ b/static/usage/v6/toggle/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_css from './angular/example_component_css.md';
import angular_example_component_html from './angular/example_component_html.md';
+
diff --git a/static/usage/v6/toolbar/progress-bars/index.md b/static/usage/v6/toolbar/progress-bars/index.md
index 5af902934c1..b6e14d7faac 100644
--- a/static/usage/v6/toolbar/progress-bars/index.md
+++ b/static/usage/v6/toolbar/progress-bars/index.md
@@ -6,6 +6,7 @@ import vue from './vue.md';
import angular from './angular.md';
+
diff --git a/static/usage/v6/toolbar/theming/css-properties/index.md b/static/usage/v6/toolbar/theming/css-properties/index.md
index b67029ee5de..95b9a7db1ce 100644
--- a/static/usage/v6/toolbar/theming/css-properties/index.md
+++ b/static/usage/v6/toolbar/theming/css-properties/index.md
@@ -11,6 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
import angular_example_component_css from './angular/example_component_css.md';