mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source
This commit is contained in:
metonym 2024-03-05 20:55:06 -08:00 • committed by GitHub
commit 91c27d48bf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
docs/src/pages/components/Tag.svx
View file

@ -1,5 +1,5 @@
<script> <script>
import { Tag } from "carbon-components-svelte"; import { Tag, TooltipDefinition } from "carbon-components-svelte";
import IbmCloud from "carbon-icons-svelte/lib/IbmCloud.svelte"; import IbmCloud from "carbon-icons-svelte/lib/IbmCloud.svelte";
import Preview from "../../components/Preview.svelte"; import Preview from "../../components/Preview.svelte";
</script> </script>
@ -58,6 +58,14 @@ The filterable and interactive tag variants have a disabled state.
<Tag filter disabled>Machine learning</Tag> <Tag filter disabled>Machine learning</Tag>
<Tag interactive 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 ## Skeleton
<Tag skeleton /> <Tag skeleton />