diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index 2202be5e8c..11de3b6c84 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -24,18 +24,35 @@ export const decorators = [
   ),
 ];
 
-function createPaperReleaseConfig(usingLabel: string) {
+function createInitialReleaseConfig(usingLabel: string) {
   return {
-    [usingLabel]: {
+    [`intro-${usingLabel}`]: {
       styles: {
         backgroundColor: '#ffffff',
         borderColor: '#000000',
         color: '#000000',
       },
-      title: `${usingLabel}+`,
+      title: `Introduced: ${usingLabel}`,
       tooltip: {
-        title: `Introduced in /paper ${usingLabel}`,
-        desc: `This component was introduced in /paper ${usingLabel}`,
+        title: `Introduced in v${usingLabel}`,
+        desc: `This component was introduced in EDS Design version ${usingLabel}`,
+      },
+    },
+  };
+}
+
+function createCurrentReleaseConfig(usingLabel: string) {
+  return {
+    [`current-${usingLabel}`]: {
+      styles: {
+        backgroundColor: '#ffffff',
+        borderColor: '#000000',
+        color: '#000000',
+      },
+      title: `Current: ${usingLabel}`,
+      tooltip: {
+        title: `Current version v${usingLabel}`,
+        desc: `This component corresponds to EDS Design version ${usingLabel}`,
       },
     },
   };
@@ -62,10 +79,11 @@ export const parameters = {
     ],
   },
   badgesConfig: {
-    ...createPaperReleaseConfig('1.3'),
-    ...createPaperReleaseConfig('1.2'),
-    ...createPaperReleaseConfig('1.1'),
-    ...createPaperReleaseConfig('1.0'),
+    ...createInitialReleaseConfig('1.3'),
+    ...createInitialReleaseConfig('1.2'),
+    ...createInitialReleaseConfig('1.1'),
+    ...createInitialReleaseConfig('1.0'),
+    ...createCurrentReleaseConfig('2.0'),
     implementationExample: {
       styles: {
         backgroundColor: '#ffffff',
diff --git a/src/components/Accordion/Accordion.stories.tsx b/src/components/Accordion/Accordion.stories.tsx
index a37332cd5b..9c5525c073 100644
--- a/src/components/Accordion/Accordion.stories.tsx
+++ b/src/components/Accordion/Accordion.stories.tsx
@@ -13,7 +13,7 @@ export default {
   title: 'Components/Accordion',
   component: Accordion,
   parameters: {
-    badges: ['1.2'],
+    badges: ['intro-1.2'],
   },
   args: {
     headingAs: 'h2',
@@ -309,7 +309,7 @@ export const WithLargeHeader: Story = {
  */
 export const UsingComplexHeaders: Story = {
   parameters: {
-    badges: ['1.2', 'implementationExample'],
+    badges: ['intro-1.2', 'implementationExample'],
   },
   args: {
     children: (
@@ -364,7 +364,7 @@ export const UsingComplexHeaders: Story = {
  */
 export const UsingNumberIconInHeaders: Story = {
   parameters: {
-    badges: ['1.2', 'implementationExample'],
+    badges: ['intro-1.2', 'implementationExample'],
   },
   args: {
     children: (
diff --git a/src/components/Avatar/Avatar.stories.ts b/src/components/Avatar/Avatar.stories.ts
index 31a5cc325c..edc1473964 100644
--- a/src/components/Avatar/Avatar.stories.ts
+++ b/src/components/Avatar/Avatar.stories.ts
@@ -7,7 +7,7 @@ export default {
   title: 'Components/Avatar',
   component: Avatar,
   parameters: {
-    badges: ['1.3'],
+    badges: ['intro-1.3'],
     layout: 'centered',
   },
 } as Meta<Args>;
diff --git a/src/components/Badge/Badge.stories.tsx b/src/components/Badge/Badge.stories.tsx
index 0b7e10bc8f..05c37356e1 100644
--- a/src/components/Badge/Badge.stories.tsx
+++ b/src/components/Badge/Badge.stories.tsx
@@ -13,7 +13,7 @@ export default {
   },
   parameters: {
     layout: 'centered',
-    badges: ['1.2'],
+    badges: ['intro-1.2'],
   },
   argTypes: {
     children: {
diff --git a/src/components/Breadcrumbs/Breadcrumbs.stories.tsx b/src/components/Breadcrumbs/Breadcrumbs.stories.tsx
index 5123a9805a..a70c014fc9 100644
--- a/src/components/Breadcrumbs/Breadcrumbs.stories.tsx
+++ b/src/components/Breadcrumbs/Breadcrumbs.stories.tsx
@@ -26,7 +26,7 @@ export default {
     },
   },
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   decorators: [(Story) => <div style={{ margin: '0.5rem' }}>{Story()}</div>],
 } as Meta<Args>;
diff --git a/src/components/Button/Button.stories.tsx b/src/components/Button/Button.stories.tsx
index a10196075b..d1023229a8 100644
--- a/src/components/Button/Button.stories.tsx
+++ b/src/components/Button/Button.stories.tsx
@@ -43,7 +43,7 @@ export default {
     },
   },
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0', 'current-2.0'],
   },
 } as Meta<Args>;
 
diff --git a/src/components/ButtonGroup/ButtonGroup.stories.tsx b/src/components/ButtonGroup/ButtonGroup.stories.tsx
index 00e0707829..5d013ac4e6 100644
--- a/src/components/ButtonGroup/ButtonGroup.stories.tsx
+++ b/src/components/ButtonGroup/ButtonGroup.stories.tsx
@@ -24,7 +24,7 @@ export default {
     },
   },
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
 } as Meta<Args>;
 
diff --git a/src/components/Card/Card.stories.tsx b/src/components/Card/Card.stories.tsx
index b0785bd3fa..6e5ebbc686 100644
--- a/src/components/Card/Card.stories.tsx
+++ b/src/components/Card/Card.stories.tsx
@@ -17,7 +17,7 @@ export default {
     CardFooter: Card.Footer,
   },
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   decorators: [(Story) => <div className="p-8">{Story()}</div>],
   args: {
@@ -91,7 +91,7 @@ export const LoadingProfileCard: StoryObj<Args> = {
     isLoading: true,
   },
   parameters: {
-    badges: ['1.3', 'implementationExample'],
+    badges: ['intro-1.3', 'implementationExample'],
   },
   render: ({ isLoading, ...cardProps }) => {
     return (
diff --git a/src/components/Checkbox/Checkbox.stories.tsx b/src/components/Checkbox/Checkbox.stories.tsx
index 7cacc69209..61c5eb3a83 100644
--- a/src/components/Checkbox/Checkbox.stories.tsx
+++ b/src/components/Checkbox/Checkbox.stories.tsx
@@ -10,7 +10,7 @@ const meta: Meta<typeof Checkbox> = {
     label: 'Checkbox',
   },
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
 
   decorators: [(Story) => <div className="m-1">{Story()}</div>],
diff --git a/src/components/ClickableStyle/ClickableStyle.stories.tsx b/src/components/ClickableStyle/ClickableStyle.stories.tsx
index b180b4e6ca..809e7278c3 100644
--- a/src/components/ClickableStyle/ClickableStyle.stories.tsx
+++ b/src/components/ClickableStyle/ClickableStyle.stories.tsx
@@ -15,7 +15,7 @@ export default {
     children: 'example text',
   },
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
     layout: 'centered',
     controls: { expand: true },
   },
diff --git a/src/components/FieldNote/FieldNote.stories.tsx b/src/components/FieldNote/FieldNote.stories.tsx
index 4841d03e3d..2f85fa3cef 100644
--- a/src/components/FieldNote/FieldNote.stories.tsx
+++ b/src/components/FieldNote/FieldNote.stories.tsx
@@ -9,7 +9,7 @@ export default {
   title: 'Components/FieldNote',
   component: FieldNote,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
 } as Meta<Args>;
 
diff --git a/src/components/Fieldset/Fieldset.stories.tsx b/src/components/Fieldset/Fieldset.stories.tsx
index 7f8538d2c9..69bcfd5e5c 100644
--- a/src/components/Fieldset/Fieldset.stories.tsx
+++ b/src/components/Fieldset/Fieldset.stories.tsx
@@ -8,7 +8,7 @@ export default {
   title: 'Components/Fieldset',
   component: Fieldset,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   subcomponents: {
     FieldsetLegend: Fieldset.Legend,
diff --git a/src/components/Grid/Grid.stories.tsx b/src/components/Grid/Grid.stories.tsx
index bffbb36fd3..06e628fc2a 100644
--- a/src/components/Grid/Grid.stories.tsx
+++ b/src/components/Grid/Grid.stories.tsx
@@ -38,7 +38,7 @@ export default {
     },
   },
   parameters: {
-    badges: ['1.0', BADGE.DEPRECATED],
+    badges: ['intro-1.0', BADGE.DEPRECATED],
   },
   component: Grid,
   subcomponents: { GridItem: Grid.Item },
diff --git a/src/components/Heading/Heading.stories.tsx b/src/components/Heading/Heading.stories.tsx
index c4e2479c40..c02838739f 100644
--- a/src/components/Heading/Heading.stories.tsx
+++ b/src/components/Heading/Heading.stories.tsx
@@ -7,7 +7,7 @@ export default {
   title: 'Components/Heading',
   component: Heading,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
 } as Meta<Args>;
 
diff --git a/src/components/HorizontalStepper/HorizontalStepper.stories.tsx b/src/components/HorizontalStepper/HorizontalStepper.stories.tsx
index 742f5b9483..0ed8b37575 100644
--- a/src/components/HorizontalStepper/HorizontalStepper.stories.tsx
+++ b/src/components/HorizontalStepper/HorizontalStepper.stories.tsx
@@ -14,7 +14,7 @@ export default {
     steps: ['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5'],
   },
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
 
   decorators: [
diff --git a/src/components/Hr/Hr.stories.ts b/src/components/Hr/Hr.stories.ts
index 1f93a6b2c8..51b4bb8d48 100644
--- a/src/components/Hr/Hr.stories.ts
+++ b/src/components/Hr/Hr.stories.ts
@@ -7,7 +7,7 @@ export default {
   title: 'Components/Hr',
   component: Hr,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
 } as Meta<Args>;
 
diff --git a/src/components/Icon/Icon.stories.tsx b/src/components/Icon/Icon.stories.tsx
index e820e151b9..0b9c97af28 100644
--- a/src/components/Icon/Icon.stories.tsx
+++ b/src/components/Icon/Icon.stories.tsx
@@ -11,7 +11,7 @@ const meta: Meta<typeof Icon> = {
   title: 'Components/Icon',
   component: Icon,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   argTypes: {
     name: {
diff --git a/src/components/InlineNotification/InlineNotification.stories.tsx b/src/components/InlineNotification/InlineNotification.stories.tsx
index 36eef87500..747b6b7a6f 100644
--- a/src/components/InlineNotification/InlineNotification.stories.tsx
+++ b/src/components/InlineNotification/InlineNotification.stories.tsx
@@ -6,7 +6,7 @@ export default {
   title: 'Components/InlineNotification',
   component: InlineNotification,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   args: {
     text: 'Inline notifications lorem ipsum text',
diff --git a/src/components/InputField/InputField.stories.tsx b/src/components/InputField/InputField.stories.tsx
index d63001e3f4..9ece8d5861 100644
--- a/src/components/InputField/InputField.stories.tsx
+++ b/src/components/InputField/InputField.stories.tsx
@@ -10,7 +10,7 @@ const meta: Meta<typeof InputField> = {
   title: 'Components/InputField',
   component: InputField,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
     backgrounds: {
       default: 'eds-color-neutral-white',
     },
@@ -151,7 +151,7 @@ export const WithBothMaxAndRecommendedLength: Story = {
  */
 export const TabularInput: Story = {
   parameters: {
-    badges: ['1.1', 'implementationExample'],
+    badges: ['intro-1.1', 'implementationExample'],
   },
   render: (args) => (
     <Table>
diff --git a/src/components/InputLabel/InputLabel.stories.ts b/src/components/InputLabel/InputLabel.stories.ts
index 5b712c46f1..a181630871 100644
--- a/src/components/InputLabel/InputLabel.stories.ts
+++ b/src/components/InputLabel/InputLabel.stories.ts
@@ -10,7 +10,7 @@ export default {
     children: 'Label',
   },
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
 } as Meta<Args>;
 
diff --git a/src/components/Label/Label.stories.tsx b/src/components/Label/Label.stories.tsx
index 864c6d6b63..0b8e05c7fb 100644
--- a/src/components/Label/Label.stories.tsx
+++ b/src/components/Label/Label.stories.tsx
@@ -8,7 +8,7 @@ export default {
   title: 'Components/Label',
   component: Label,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
 } as Meta<Args>;
 
diff --git a/src/components/Link/Link.stories.tsx b/src/components/Link/Link.stories.tsx
index d57a20d515..99fade191f 100644
--- a/src/components/Link/Link.stories.tsx
+++ b/src/components/Link/Link.stories.tsx
@@ -8,7 +8,7 @@ export default {
   title: 'Components/Link',
   component: Link,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   args: {
     children: 'Link',
diff --git a/src/components/LoadingIndicator/LoadingIndicator.stories.ts b/src/components/LoadingIndicator/LoadingIndicator.stories.ts
index 31e65b4056..10ecc43bd8 100644
--- a/src/components/LoadingIndicator/LoadingIndicator.stories.ts
+++ b/src/components/LoadingIndicator/LoadingIndicator.stories.ts
@@ -8,7 +8,7 @@ export default {
   component: LoadingIndicator,
   parameters: {
     layout: 'centered',
-    badges: ['1.2'],
+    badges: ['intro-1.2'],
   },
 } as Meta<Args>;
 
diff --git a/src/components/Menu/Menu.stories.tsx b/src/components/Menu/Menu.stories.tsx
index 188c6d025d..7e2ee1d7eb 100644
--- a/src/components/Menu/Menu.stories.tsx
+++ b/src/components/Menu/Menu.stories.tsx
@@ -18,7 +18,7 @@ export default {
     'Menu.Item': Menu.Item,
   },
   parameters: {
-    badges: ['1.2'],
+    badges: ['intro-1.2'],
     layout: 'centered',
   },
   argTypes: {
@@ -166,7 +166,7 @@ export const WithCustomButton: StoryObj<MenuProps> = {
 
 export const MenuWithAvatarButton: StoryObj<MenuProps> = {
   parameters: {
-    badges: ['1.3', 'implementationExample'],
+    badges: ['intro-1.3', 'implementationExample'],
   },
   args: {
     children: (
@@ -225,7 +225,7 @@ export const MenuWithIconButton: StoryObj<MenuProps & { iconName: IconName }> =
       iconName: 'dots-vertical',
     },
     parameters: {
-      badges: ['1.2', 'implementationExample'],
+      badges: ['intro-1.2', 'implementationExample'],
     },
     render: ({ iconName }) => (
       <Menu>
diff --git a/src/components/Modal/Modal.stories.tsx b/src/components/Modal/Modal.stories.tsx
index 2bbe682e26..39e33d04d2 100644
--- a/src/components/Modal/Modal.stories.tsx
+++ b/src/components/Modal/Modal.stories.tsx
@@ -14,7 +14,7 @@ export default {
     // The modal is initially closed for most of these stories,
     // which renders testing it for visual regressions unhelpful.
     chromatic: { disableSnapshot: true },
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   tags: ['autodocs'],
   argTypes: {
diff --git a/src/components/NumberIcon/NumberIcon.stories.tsx b/src/components/NumberIcon/NumberIcon.stories.tsx
index 5f9efb625b..103154fea9 100644
--- a/src/components/NumberIcon/NumberIcon.stories.tsx
+++ b/src/components/NumberIcon/NumberIcon.stories.tsx
@@ -7,7 +7,7 @@ export default {
   title: 'Components/NumberIcon',
   component: NumberIcon,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   args: {
     'aria-label': 'Step 1',
@@ -96,7 +96,7 @@ export const DifferentNumbers: Story = {
  */
 export const NumberIconList: Story = {
   parameters: {
-    badges: ['1.0', 'implementationExample'],
+    badges: ['intro-1.0', 'implementationExample'],
   },
   render: () => (
     <div className="flex flex-wrap gap-1">
diff --git a/src/components/PageLevelBanner/PageLevelBanner.stories.tsx b/src/components/PageLevelBanner/PageLevelBanner.stories.tsx
index 39a9151aed..cbca9e43cf 100644
--- a/src/components/PageLevelBanner/PageLevelBanner.stories.tsx
+++ b/src/components/PageLevelBanner/PageLevelBanner.stories.tsx
@@ -8,7 +8,7 @@ export default {
   title: 'Components/PageLevelBanner',
   component: PageLevelBanner,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   args: {
     title:
diff --git a/src/components/Popover/Popover.stories.tsx b/src/components/Popover/Popover.stories.tsx
index d3580a5e94..97802c5e7f 100644
--- a/src/components/Popover/Popover.stories.tsx
+++ b/src/components/Popover/Popover.stories.tsx
@@ -12,7 +12,7 @@ export default {
   component: Popover,
   parameters: {
     layout: 'centered',
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
     chromatic: {
       // These stories are very flaky, though we're not sure why.
       // We tried delaying the snapshot just in case there's a timing issue at play here, which was not successful.
diff --git a/src/components/PopoverContainer/PopoverContainer.stories.tsx b/src/components/PopoverContainer/PopoverContainer.stories.tsx
index d2baa7b483..2ecbe57b8a 100644
--- a/src/components/PopoverContainer/PopoverContainer.stories.tsx
+++ b/src/components/PopoverContainer/PopoverContainer.stories.tsx
@@ -8,7 +8,7 @@ export default {
   title: 'Components/PopoverContainer',
   component: PopoverContainer,
   parameters: {
-    badges: ['1.2'],
+    badges: ['intro-1.2'],
   },
   decorators: [(Story) => <div className="p-8">{Story()}</div>],
 } as Meta<Args>;
diff --git a/src/components/PopoverListItem/PopoverListItem.stories.tsx b/src/components/PopoverListItem/PopoverListItem.stories.tsx
index ccf5606a7d..8808e942b3 100644
--- a/src/components/PopoverListItem/PopoverListItem.stories.tsx
+++ b/src/components/PopoverListItem/PopoverListItem.stories.tsx
@@ -7,7 +7,7 @@ export default {
   title: 'Components/PopoverListItem',
   component: PopoverListItem,
   parameters: {
-    badges: ['1.2'],
+    badges: ['intro-1.2'],
   },
 } as Meta<Args>;
 
diff --git a/src/components/ProgressBar/ProgressBar.stories.tsx b/src/components/ProgressBar/ProgressBar.stories.tsx
index 69b5edb345..4b3059846c 100644
--- a/src/components/ProgressBar/ProgressBar.stories.tsx
+++ b/src/components/ProgressBar/ProgressBar.stories.tsx
@@ -11,7 +11,7 @@ export default {
     maxValue: 100,
   },
   parameters: {
-    badges: ['1.2'],
+    badges: ['intro-1.2'],
     backgrounds: {
       default: 'eds-color-neutral-white',
     },
diff --git a/src/components/Radio/Radio.stories.tsx b/src/components/Radio/Radio.stories.tsx
index 8fd366cb58..5d7f0579ac 100644
--- a/src/components/Radio/Radio.stories.tsx
+++ b/src/components/Radio/Radio.stories.tsx
@@ -11,7 +11,7 @@ const meta: Meta<typeof Radio> = {
     checked: false,
   },
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   decorators: [(Story) => <div style={{ margin: '0.25rem' }}>{Story()}</div>],
 };
diff --git a/src/components/SearchBar/SearchBar.stories.tsx b/src/components/SearchBar/SearchBar.stories.tsx
index 127224c074..b53e1c6061 100644
--- a/src/components/SearchBar/SearchBar.stories.tsx
+++ b/src/components/SearchBar/SearchBar.stories.tsx
@@ -8,7 +8,7 @@ export default {
   title: 'Components/SearchBar',
   component: SearchBar,
   parameters: {
-    badges: ['1.1', BADGE.NEEDS_REVISION],
+    badges: ['intro-1.1', BADGE.NEEDS_REVISION],
   },
   decorators: [
     (Story) => (
diff --git a/src/components/Section/Section.stories.tsx b/src/components/Section/Section.stories.tsx
index a3ef106664..ff44c92c29 100644
--- a/src/components/Section/Section.stories.tsx
+++ b/src/components/Section/Section.stories.tsx
@@ -10,7 +10,7 @@ export default {
   title: 'Components/Section',
   component: Section,
   parameters: {
-    badges: ['1.0', BADGE.DEPRECATED],
+    badges: ['intro-1.0', BADGE.DEPRECATED],
   },
   args: {
     children:
diff --git a/src/components/Select/Select.stories.tsx b/src/components/Select/Select.stories.tsx
index 991f3320fc..0a20c9d31f 100644
--- a/src/components/Select/Select.stories.tsx
+++ b/src/components/Select/Select.stories.tsx
@@ -9,7 +9,7 @@ const meta: Meta<typeof Select> = {
   title: 'Components/Select',
   component: Select,
   parameters: {
-    badges: ['1.2'],
+    badges: ['intro-1.2'],
     layout: 'centered',
   },
   argTypes: {
@@ -517,7 +517,7 @@ export const LongOptionList: StoryObj = {
     await expect(selectButton.getAttribute('aria-expanded')).toEqual('true');
   },
   parameters: {
-    badges: ['1.2'],
+    badges: ['intro-1.2'],
     layout: 'centered',
     chromatic: { delay: 450 },
   },
@@ -684,7 +684,7 @@ export const UsingFunctionProps: StoryObj = {
 export const OpenByDefault: StoryObj = {
   ...Default,
   parameters: {
-    badges: ['1.2'],
+    badges: ['intro-1.2'],
     layout: 'centered',
     chromatic: { delay: 300, disableSnapshot: true },
   },
diff --git a/src/components/Skeleton/Skeleton.stories.tsx b/src/components/Skeleton/Skeleton.stories.tsx
index a8777a58d3..a51bc94341 100644
--- a/src/components/Skeleton/Skeleton.stories.tsx
+++ b/src/components/Skeleton/Skeleton.stories.tsx
@@ -7,7 +7,7 @@ export default {
   title: 'Components/Skeleton',
   component: Skeleton,
   parameters: {
-    badges: ['1.2'],
+    badges: ['intro-1.2'],
     layout: 'centered',
     backgrounds: {
       default: 'eds-color-neutral-white',
diff --git a/src/components/Slider/Slider.stories.tsx b/src/components/Slider/Slider.stories.tsx
index 06988d06e6..2111ee8a5c 100644
--- a/src/components/Slider/Slider.stories.tsx
+++ b/src/components/Slider/Slider.stories.tsx
@@ -14,7 +14,7 @@ const meta: Meta<typeof Slider> = {
   title: 'Components/Slider',
   component: Slider,
   parameters: {
-    badges: ['1.3'],
+    badges: ['intro-1.3'],
   },
   decorators: [(Story) => <div className="p-8">{Story()}</div>],
   argTypes: {
@@ -192,7 +192,7 @@ const moodData = [
 
 export const UsingInputDisplay: Story = {
   parameters: {
-    badges: ['1.3', 'implementationExample'],
+    badges: ['intro-1.3', 'implementationExample'],
     axe: {
       disabledRules: ['color-contrast'], // adding for disabled field example
     },
@@ -228,7 +228,7 @@ export const UsingInputDisplay: Story = {
 
 export const UsingControlButtons: Story = {
   parameters: {
-    badges: ['1.3', 'implementationExample'],
+    badges: ['intro-1.3', 'implementationExample'],
   },
   render: ({ min = 0, max = 100, step = 1, value = 50, ...rest }) => {
     // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -274,7 +274,7 @@ export const UsingControlButtons: Story = {
 
 export const WithHighlightedContent: Story = {
   parameters: {
-    badges: ['1.3', 'implementationExample'],
+    badges: ['intro-1.3', 'implementationExample'],
   },
   render: ({ min = 0, max = 100, step = 25, value = 50, ...rest }) => {
     // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -326,7 +326,7 @@ export const WithHighlightedContent: Story = {
 
 export const WithVisualLabel: Story = {
   parameters: {
-    badges: ['1.3', 'implementationExample'],
+    badges: ['intro-1.3', 'implementationExample'],
   },
   render: ({ min = 0, max = 100, step = 25, value = 50, ...rest }) => {
     // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -369,7 +369,7 @@ export const WithVisualLabel: Story = {
 
 export const WithMultipleVisualLabels: Story = {
   parameters: {
-    badges: ['1.3', 'implementationExample'],
+    badges: ['intro-1.3', 'implementationExample'],
   },
   render: ({ min = 0, max = 100, step = 25, value = 50, ...rest }) => {
     // eslint-disable-next-line react-hooks/rules-of-hooks
diff --git a/src/components/Table/Table.stories.tsx b/src/components/Table/Table.stories.tsx
index be18385e74..52f3180958 100644
--- a/src/components/Table/Table.stories.tsx
+++ b/src/components/Table/Table.stories.tsx
@@ -10,7 +10,7 @@ export default {
   title: 'Components/Table',
   component: Table,
   parameters: {
-    badges: ['1.1'],
+    badges: ['intro-1.1'],
   },
   argTypes: {
     children: {
@@ -253,7 +253,7 @@ export const SortableInteractive: Story = {
  */
 export const StackedCardsExample: Story = {
   parameters: {
-    badges: ['1.1', 'implementationExample'],
+    badges: ['intro-1.1', 'implementationExample'],
     chromatic: {
       viewports: [
         chromaticViewports.googlePixel2,
diff --git a/src/components/Tabs/Tabs.stories.tsx b/src/components/Tabs/Tabs.stories.tsx
index 3c433889a4..fc1b494281 100644
--- a/src/components/Tabs/Tabs.stories.tsx
+++ b/src/components/Tabs/Tabs.stories.tsx
@@ -12,7 +12,7 @@ export default {
   title: 'Components/Tabs',
   component: Tabs,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   args: {
     children: (
diff --git a/src/components/Tag/Tag.stories.tsx b/src/components/Tag/Tag.stories.tsx
index 9c7f31db98..48f577768b 100644
--- a/src/components/Tag/Tag.stories.tsx
+++ b/src/components/Tag/Tag.stories.tsx
@@ -7,7 +7,7 @@ export default {
   title: 'Components/Tag',
   component: Tag,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   argTypes: {
     variant: {
diff --git a/src/components/Text/Text.stories.tsx b/src/components/Text/Text.stories.tsx
index cbbdf8049a..c5e4c5a0e7 100644
--- a/src/components/Text/Text.stories.tsx
+++ b/src/components/Text/Text.stories.tsx
@@ -7,7 +7,7 @@ export default {
   title: 'Components/Text',
   component: Text,
   parameters: {
-    badges: ['1.0'],
+    badges: ['intro-1.0'],
   },
   argTypes: {
     children: {
diff --git a/src/components/TextareaField/TextareaField.stories.tsx b/src/components/TextareaField/TextareaField.stories.tsx
index 3cf2b01a85..861755c792 100644
--- a/src/components/TextareaField/TextareaField.stories.tsx
+++ b/src/components/TextareaField/TextareaField.stories.tsx
@@ -17,7 +17,7 @@ praesentium, commodi eligendi asperiores quis dolorum porro.`,
     spellCheck: false,
   },
   parameters: {
-    badges: ['1.3'],
+    badges: ['intro-1.3'],
   },
 };
 
diff --git a/src/components/Toast/Toast.stories.ts b/src/components/Toast/Toast.stories.ts
index e4e46a513c..de062fcc3c 100644
--- a/src/components/Toast/Toast.stories.ts
+++ b/src/components/Toast/Toast.stories.ts
@@ -7,7 +7,7 @@ export default {
   title: 'Components/Toast',
   component: Toast,
   parameters: {
-    badges: ['1.0', BADGE.DEPRECATED],
+    badges: ['intro-1.0', BADGE.DEPRECATED],
   },
   argTypes: { onDismiss: { action: 'dismissed' } },
   args: {
diff --git a/src/components/Toggle/Toggle.stories.tsx b/src/components/Toggle/Toggle.stories.tsx
index b7c744b186..d5749d6517 100644
--- a/src/components/Toggle/Toggle.stories.tsx
+++ b/src/components/Toggle/Toggle.stories.tsx
@@ -27,7 +27,7 @@ const meta: Meta<typeof Toggle> = {
   },
   parameters: {
     layout: 'centered',
-    badges: ['1.0', BADGE.BETA],
+    badges: ['intro-1.0', BADGE.BETA],
   },
   render: (args) => <InteractiveToggle {...args} />,
 };
diff --git a/src/components/Tooltip/Tooltip.stories.tsx b/src/components/Tooltip/Tooltip.stories.tsx
index 834694ab13..aae461d51f 100644
--- a/src/components/Tooltip/Tooltip.stories.tsx
+++ b/src/components/Tooltip/Tooltip.stories.tsx
@@ -45,7 +45,7 @@ export default {
   },
   parameters: {
     layout: 'centered',
-    badges: ['1.0', BADGE.NEEDS_REVISION],
+    badges: ['intro-1.0', BADGE.NEEDS_REVISION],
     chromatic: {
       diffThreshold,
       diffIncludeAntiAliasing: false,