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

feat(tooltip-icon): make tooltipText slottable

Browse source
This commit is contained in:
Eric Liu 2021-02-03 06:10:15 -08:00
commit 6b75607dce
6 changed files with 48 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

12
docs/src/COMPONENT_API.json
View file

@ -9678,7 +9678,7 @@
{
"name": "tooltipText",
"kind": "let",
"description": "Specify the tooltip text",
"description": "Specify the tooltip text.\nAlternatively, use the \"text\" slot",
"type": "string",
"value": "\"\"",
"isFunction": false,
@ -9726,7 +9726,15 @@
"reactive": true
}
],
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
"slots": [
{ "name": "__default__", "default": true, "slot_props": "{}" },
{
"name": "text",
"default": false,
"fallback": "{tooltipText}",
"slot_props": "{}"
}
],
"events": [
{ "type": "forwarded", "name": "click", "element": "button" },
{ "type": "forwarded", "name": "mouseover", "element": "button" },

11
docs/src/pages/components/TooltipIcon.svx
View file

@ -16,4 +16,13 @@
<TooltipIcon tooltipText="Top start" direction="top" align="start"><Filter20 /></TooltipIcon>
<TooltipIcon tooltipText="Right end" direction="right" align="end"><Filter20 /></TooltipIcon>
<TooltipIcon tooltipText="Bottom start" direction="bottom" align="start"><Filter20 /></TooltipIcon>
<TooltipIcon tooltipText="Left start" direction="left" align="start"><Filter20 /></TooltipIcon>
<TooltipIcon tooltipText="Left start" direction="left" align="start"><Filter20 /></TooltipIcon>
### Custom tooltip text
Use the "text" slot to customize the tooltip text.
<TooltipIcon>
<span slot="text" style="color: red">Carbon is an open source design system by IBM.</span>
<Carbon24 />
</TooltipIcon>