Skip to content 
Tooltip content
Hover me
Hover me Hover me Hover me Hover me Hover me Hover me Hover me Hover me Hover me
Tooltip - Web Component
The Tooltip component can be used imported from:
Playground
Parameters
...
Slots
This component has slots. Check the documentation about how to use the slots.
| Name | Tags | Description |
|---|---|---|
default | span | The text to be hovered |
Parameters use
content
The thing to be assigned to the tooltip. It uses the default slot too.
text
The text parameter is used to define the text that will be displayed when the user hovers the element.
config
The config parameter is used to define the tooltip side and size. Following the pattern: <side><?:size>
side
The side parameter is used to define the position of the tooltip. Can be top, top-right, top-left, bottom, bottom-right or bottom-left.
size
The size parameter is used to define the size of the tooltip. Can be xs, s ,m or l.
Browser support
Detected engine:
Chromium
Webkit
Gecko