- `}
+ `}
+
## Formatting
diff --git a/src/pages/components/form/usage.mdx b/src/pages/components/form/usage.mdx
index 56718a9f73d..07b5ea09a6e 100755
--- a/src/pages/components/form/usage.mdx
+++ b/src/pages/components/form/usage.mdx
@@ -63,7 +63,8 @@ do you gain by collecting this information?
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-input--form-item',
}}
- >{`
+ >
+ {`
- `}
+ `}
+
## Formatting
diff --git a/src/pages/components/inline-loading/usage.mdx b/src/pages/components/inline-loading/usage.mdx
index 78f9fa37c7c..18b75d096b0 100755
--- a/src/pages/components/inline-loading/usage.mdx
+++ b/src/pages/components/inline-loading/usage.mdx
@@ -72,9 +72,11 @@ table, after a primary or secondary button click, or even in a modal.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-inline-loading--default',
}}
- >{`
+ >
+ {`
- `}
+ `}
+
## Formatting
diff --git a/src/pages/components/link/usage.mdx b/src/pages/components/link/usage.mdx
index 8ec18a013ef..1ac9c3b0036 100755
--- a/src/pages/components/link/usage.mdx
+++ b/src/pages/components/link/usage.mdx
@@ -79,9 +79,11 @@ be used for navigational actions.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-link--default',
}}
- >{`
+ >
+ {`
Link
- `}
+ `}
+
## Formatting
diff --git a/src/pages/components/list/usage.mdx b/src/pages/components/list/usage.mdx
index 8ddff62b6bf..a51cee597e6 100755
--- a/src/pages/components/list/usage.mdx
+++ b/src/pages/components/list/usage.mdx
@@ -58,7 +58,8 @@ between list items.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-list--ordered',
}}
- >{`
+ >
+ {`
Ordered list level 1
@@ -81,7 +82,8 @@ between list items.
Ordered list level 1
- `}
+ `}
+
{`
+ >
+ {`
Unordered list level 1
@@ -116,7 +119,8 @@ between list items.
Unordered list level 1
- `}
+ `}
+
## Variants
diff --git a/src/pages/components/loading/usage.mdx b/src/pages/components/loading/usage.mdx
index dfce9ba2f03..0dd8530b2a4 100755
--- a/src/pages/components/loading/usage.mdx
+++ b/src/pages/components/loading/usage.mdx
@@ -54,11 +54,13 @@ three seconds.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-loading--default',
}}
- >{`
+ >
+ {`
- `}
+ `}
+
## Formatting
diff --git a/src/pages/components/modal/usage.mdx b/src/pages/components/modal/usage.mdx
index ec8259fef36..e16d0a02908 100755
--- a/src/pages/components/modal/usage.mdx
+++ b/src/pages/components/modal/usage.mdx
@@ -127,7 +127,8 @@ destructive or irreversible then use a transactional danger modal.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-modal--default',
}}
- >{`
+ >
+ {`
>
-`}
+`}
+
{`
+ >
+ {`
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse cursus fermentum risus, sit amet fringilla nunc pellentesque quis. Duis quis odio ultrices, cursus lacus ac, posuere felis. Donec dignissim libero in augue mattis, a molestie metus vestibulum. Aliquam placerat felis ultrices lorem condimentum, nec ullamcorper felis porttitor.
-`}
+`}
+
{`
+ >
+ {`
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse cursus fermentum risus, sit amet fringilla nunc pellentesque quis. Duis quis odio ultrices, cursus lacus ac, posuere felis. Donec dignissim libero in augue mattis, a molestie metus vestibulum. Aliquam placerat felis ultrices lorem condimentum, nec ullamcorper felis porttitor.
-`}
+`}
+
## Formatting
diff --git a/src/pages/components/notification/usage.mdx b/src/pages/components/notification/usage.mdx
index fda61f5df87..66c15179f3f 100755
--- a/src/pages/components/notification/usage.mdx
+++ b/src/pages/components/notification/usage.mdx
@@ -91,7 +91,8 @@ although some product teams also support banners and notification centers.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-notifications--toast',
}}
- >{`
+ >
+ {`
-`}
+`}
+
{`
+ >
+ {`
-`}
+`}
+
## Formatting
diff --git a/src/pages/components/number-input/usage.mdx b/src/pages/components/number-input/usage.mdx
index b7b96e909ef..96d5b8e9eb4 100755
--- a/src/pages/components/number-input/usage.mdx
+++ b/src/pages/components/number-input/usage.mdx
@@ -52,7 +52,8 @@ or decrease an incremental value.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-number-input--default',
}}
- >{`
+ >
+ {`
- `}
+ `}
+
{`
+ >
+ {`
- `}
+ `}
+
## Formatting
diff --git a/src/pages/components/overflow-menu/usage.mdx b/src/pages/components/overflow-menu/usage.mdx
index a0ca4d90771..59435d60661 100755
--- a/src/pages/components/overflow-menu/usage.mdx
+++ b/src/pages/components/overflow-menu/usage.mdx
@@ -51,7 +51,8 @@ there is a space constraint.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-overflow-menu--default',
}}
- >{`
+ >
+ {`
- `}
+ `}
+
## Formatting
diff --git a/src/pages/components/pagination/usage.mdx b/src/pages/components/pagination/usage.mdx
index 7ec6b273edf..0a69391daf7 100755
--- a/src/pages/components/pagination/usage.mdx
+++ b/src/pages/components/pagination/usage.mdx
@@ -58,7 +58,8 @@ The default number displayed will vary depending on the context.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-pagination--default',
}}
- >{`
+ >
+ {`
- `}
+ `}
+
## Best practices
diff --git a/src/pages/components/progress-indicator/usage.mdx b/src/pages/components/progress-indicator/usage.mdx
index f3700eb5f33..aec8baca524 100755
--- a/src/pages/components/progress-indicator/usage.mdx
+++ b/src/pages/components/progress-indicator/usage.mdx
@@ -52,7 +52,8 @@ percentage of completeness as each task is completed.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-progress-indicator--default',
}}
- >{`
+ >
+ {`
-`}
+`}
+
## Best practices
diff --git a/src/pages/components/radio-button/usage.mdx b/src/pages/components/radio-button/usage.mdx
index 9034deb5c5c..e022c0bfef8 100755
--- a/src/pages/components/radio-button/usage.mdx
+++ b/src/pages/components/radio-button/usage.mdx
@@ -95,7 +95,8 @@ checkboxes allow the user to select multiple items.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-radio-button--default',
}}
- >{`
+ >
+ {`
@@ -122,7 +123,8 @@ checkboxes allow the user to select multiple items.
/>
- `}
+ `}
+
## Formatting
diff --git a/src/pages/components/search/usage.mdx b/src/pages/components/search/usage.mdx
index 4145ef5a1ff..72faeb498a4 100755
--- a/src/pages/components/search/usage.mdx
+++ b/src/pages/components/search/usage.mdx
@@ -51,12 +51,14 @@ to aid the user in finding content.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-search--default',
}}
- >{`
+ >
+ {`
- `}
+ `}
+
## Variants
diff --git a/src/pages/components/select/usage.mdx b/src/pages/components/select/usage.mdx
index 79f9e94298f..f466fef61b7 100755
--- a/src/pages/components/select/usage.mdx
+++ b/src/pages/components/select/usage.mdx
@@ -68,7 +68,8 @@ while the dropdown component can be styled as needed.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-select--default',
}}
- >{`
+ >
+ {`
- `}
+ `}
+
## Variants
diff --git a/src/pages/components/slider/usage.mdx b/src/pages/components/slider/usage.mdx
index 82d2d6f8ba6..2c589426e61 100755
--- a/src/pages/components/slider/usage.mdx
+++ b/src/pages/components/slider/usage.mdx
@@ -67,7 +67,8 @@ value range.
'Web Components':
'https://web-components.carbondesignsystem.com/?path=/story/components-slider--default',
}}
- >{`
+ >
+ {`