Tooltips

Tooltips display informative text when users hover over, focus on, or tap an element.

Note

Tooltip from the design system is used in places like sliders, for example. For regular content, we recommend the version below.

Tooltip

🥑
It's your account
Your name is...
Daniela
Some helpful tooltip! 👋

Component props

Name
Type
Description
childrenNodeSpecify the element that needs a tooltip
topRightBooleanSpecify the position of the tooltip at the top right
topLeftBooleanSpecify the position of the tooltip at the top left
bottomRightBooleanSpecify the position of the tooltip at the bottom right
bottomLeftBooleanSpecify the position of the tooltip at the bottom left
textStringSpecify the text of the tooltip