docs(pie-tag): DSW-2323 update code page for pie-tag

.changeset/eighty-cobras-serve.md

@@ -0,0 +1,5 @@
+---
+"pie-docs": patch
+---
+
+[Changed] - Update code page for pie-tag

apps/pie-docs/src/components/tag/code/code.md

@@ -55,7 +55,7 @@ yarn add @justeattakeaway/pie-webc
   tableData: props
 } %}
 
-Since the component is not interactive, it doesn't have a disabled property. To give the Tag a disabled look, please set the `--tag-opacity` css variable. Recommended opacity level for disabled tag is 0.5.
+You can customise the disabled appearance by setting the `--tag-opacity` css variable. The default opacity level for the disabled state is 0.5.
 
 ## Slots
 

apps/pie-docs/src/components/tag/code/props.json

@@ -31,7 +31,32 @@
                 "type": "code",
                 "item": ["true", "false"]
             },
-            "If `true`, displays strong tag styles for `green`, `yellow`, `red`, `blue` and `neutral` variants.",
+            "If `true`, displays strong tag styles for `green`, `yellow`, `red`, `blue` and `neutral` variants. Has no effect for other variants.",
+            {
+                "type": "code",
+                "item": ["false"]
+            }
+        ],
+        [
+            "isInteractive",
+            {
+                "type": "code",
+                "item": ["true", "false"]
+
+            },
+            "When `true`, the tag will be rendered as a button and can be interacted with.",
+            {
+                "type": "code",
+                "item": ["false"]
+            }
+        ],
+        [
+            "disabled",
+            {
+                "type": "code",
+                "item": ["true", "false"]
+            },
+            "For an interactive tag, this applies the disabled attribute to the button and styles it appropriately. For a non-interactive tag, this only applies the disabled styling.",
             {
                 "type": "code",
                 "item": ["false"]