docs(tag): add "Tooltip in a tag" example (#1922)

carbon-design-system · Mar 6, 2024 · 91c27d4 · 91c27d4
1 parent 44a2989
commit 91c27d4
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/docs/src/pages/components/Tag.svx b/docs/src/pages/components/Tag.svx
@@ -1,5 +1,5 @@
 <script>
-  import { Tag } from "carbon-components-svelte";
+  import { Tag, TooltipDefinition } from "carbon-components-svelte";
   import IbmCloud from "carbon-icons-svelte/lib/IbmCloud.svelte";
   import Preview from "../../components/Preview.svelte";
 </script>
@@ -58,6 +58,14 @@ The filterable and interactive tag variants have a disabled state.
 <Tag filter disabled>Machine learning</Tag>
 <Tag interactive disabled>Machine learning</Tag>
 
+## Tooltip in a tag
+
+<Tag>
+  <TooltipDefinition tooltipText="IBM Corporate Headquarters is based in Armonk, New York.">
+    Armonk
+  </TooltipDefinition>
+</Tag>
+
 ## Skeleton
 
 <Tag skeleton />