From 4ccd362c9470c200aecb5b7b4ecfb0a79d056c10 Mon Sep 17 00:00:00 2001
From: Preeti Bansal <146315451+preetibansalui@users.noreply.github.com>
Date: Tue, 9 Jul 2024 00:00:22 +0530
Subject: [PATCH] fixed live demo tags in usage and code (#4143)

* fixed live demo tags in usage and code

* fix: add unstable in label

---------

Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com>
---
 src/pages/components/tag/code.mdx  | 16 ++++++++++++++--
 src/pages/components/tag/usage.mdx | 14 +++++++++++++-
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/pages/components/tag/code.mdx b/src/pages/components/tag/code.mdx
index 0c6bd933653..d174edfa6ff 100755
--- a/src/pages/components/tag/code.mdx
+++ b/src/pages/components/tag/code.mdx
@@ -65,8 +65,20 @@ documentation, see the Storybooks for each framework below.
   url="https://react.carbondesignsystem.com"
   variants={[
     {
-      label: 'Default',
-      variant: 'components-tag--default',
+      label: 'Read-only',
+      variant: 'components-tag--read-only',
+    },
+    {
+      label: 'Dismissible (unstable)',
+      variant: 'experimental-unstable-interactivetag--dismissible',
+    },
+    {
+      label: 'Selectable (unstable)',
+      variant: 'experimental-unstable-interactivetag--selectable',
+    },
+    {
+      label: 'Operational (unstable)',
+      variant: 'experimental-unstable-interactivetag--operational',
     },
     {
       label: 'With AI slug',
diff --git a/src/pages/components/tag/usage.mdx b/src/pages/components/tag/usage.mdx
index 835b3c10713..24f8de8bb82 100755
--- a/src/pages/components/tag/usage.mdx
+++ b/src/pages/components/tag/usage.mdx
@@ -47,9 +47,21 @@ to the filter prop and will eventually replace the prop in v12.
   url="https://react.carbondesignsystem.com"
   variants={[
     {
-      label: 'ReadOnly',
+      label: 'Read-only',
       variant: 'components-tag--read-only',
     },
+    {
+      label: 'Dismissible (unstable)',
+      variant: 'experimental-unstable-interactivetag--dismissible',
+    },
+    {
+      label: 'Selectable (unstable)',
+      variant: 'experimental-unstable-interactivetag--selectable',
+    },
+    {
+      label: 'Operational (unstable)',
+      variant: 'experimental-unstable-interactivetag--operational',
+    },
     {
       label: 'With AI slug',
       variant: 'experimental-unstable-slug-examples--tag',