diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 7bbf2e57..6088c4cc 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -4236,20 +4236,20 @@ None. ### Props -| Prop name | Kind | Reactive | Type | Default value | Description | -| :---------- | :--------------- | :------- | :-------------------------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------------------- | -| ref | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the button HTML element | -| tooltipText | let | No | string | "" | Specify the tooltip text.
Alternatively, use the "text" slot | -| align | let | No | "start" | "center" | "end" | "center" | Set the alignment of the tooltip relative to the icon | -| direction | let | No | "top" | "right" | "bottom" | "left" | "bottom" | Set the direction of the tooltip relative to the icon | -| id | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the span element | +| Prop name | Kind | Reactive | Type | Default value | Description | +| :---------- | :--------------- | :------- | :-------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------------------ | +| ref | let | Yes | null | HTMLButtonElement | null | Obtain a reference to the button HTML element | +| tooltipText | let | No | string | "" | Specify the tooltip text.
Alternatively, use the "tooltipText" slot | +| align | let | No | "start" | "center" | "end" | "center" | Set the alignment of the tooltip relative to the icon | +| direction | let | No | "top" | "right" | "bottom" | "left" | "bottom" | Set the direction of the tooltip relative to the icon | +| id | let | No | string | "ccs-" + Math.random().toString(36) | Set an id for the span element | ### Slots -| Slot name | Default | Props | Fallback | -| :-------- | :------ | :---- | :------------------------- | -| -- | Yes | -- | -- | -| text | No | -- | {tooltipText} | +| Slot name | Default | Props | Fallback | +| :---------- | :------ | :---- | :------------------------- | +| -- | Yes | -- | -- | +| tooltipText | No | -- | {tooltipText} | ### Events diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 78077440..b1393fe8 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -9746,7 +9746,7 @@ { "name": "tooltipText", "kind": "let", - "description": "Specify the tooltip text.\nAlternatively, use the \"text\" slot", + "description": "Specify the tooltip text.\nAlternatively, use the \"tooltipText\" slot", "type": "string", "value": "\"\"", "isFunction": false, @@ -9797,7 +9797,7 @@ "slots": [ { "name": "__default__", "default": true, "slot_props": "{}" }, { - "name": "text", + "name": "tooltipText", "default": false, "fallback": "{tooltipText}", "slot_props": "{}" diff --git a/docs/src/pages/components/TooltipIcon.svx b/docs/src/pages/components/TooltipIcon.svx index 237660c3..75dce11b 100644 --- a/docs/src/pages/components/TooltipIcon.svx +++ b/docs/src/pages/components/TooltipIcon.svx @@ -23,6 +23,6 @@ Use the "text" slot to customize the tooltip text. - Carbon is an open source design system by IBM. + Carbon is an open source design system by IBM. \ No newline at end of file diff --git a/src/TooltipIcon/TooltipIcon.svelte b/src/TooltipIcon/TooltipIcon.svelte index 93c534c3..5bffcebb 100644 --- a/src/TooltipIcon/TooltipIcon.svelte +++ b/src/TooltipIcon/TooltipIcon.svelte @@ -1,7 +1,7 @@