Tooltip
Tooltip
Tooltip
displays a brief message to the user that provides additional information about a UI element. The tooltip appears after the user’s mouse pointer hovers over the target element for a certain time. It can communicate new or supporting information, errors, warnings or successful completion of a process or task.
- When you want to display a brief message to the user that provides additional information about a UI element.
- When the content contains interactive elements, such as a link, input or button. Consider always making this content visible or using
Overlay
orDialog
instead. - When there's information that the user needs to know to complete a task. Important help text should always be visible to the user.
- When the message always needs to be visible. Instead, place the message directly on the page.
- When the message isn't about a UI element. Consider adding the message directly on the page or using
Overlay
,Dialog
, orBanner
instead.
Tooltip content will never truncate. It should be short and self-explanatory. If a longer message is necessary, consider adding it to the page so it's always visible.
To import Tooltip
from the core Salt package, use:
Name | Type | Description | Default |
---|
- When you want to display a brief message to the user that provides additional information about a UI element.
- When the content contains interactive elements, such as a link, input or button. Consider always making this content visible or using
Overlay
orDialog
instead. - When there's information that the user needs to know to complete a task. Important help text should always be visible to the user.
- When the message always needs to be visible. Instead, place the message directly on the page.
- When the message isn't about a UI element. Consider adding the message directly on the page or using
Overlay
,Dialog
, orBanner
instead.
Tooltip content will never truncate. It should be short and self-explanatory. If a longer message is necessary, consider adding it to the page so it's always visible.
To import Tooltip
from the core Salt package, use:
Name | Type | Description | Default |
---|
- When you want to display a brief message to the user that provides additional information about a UI element.
- When the content contains interactive elements, such as a link, input or button. Consider always making this content visible or using
Overlay
orDialog
instead. - When there's information that the user needs to know to complete a task. Important help text should always be visible to the user.
- When the message always needs to be visible. Instead, place the message directly on the page.
- When the message isn't about a UI element. Consider adding the message directly on the page or using
Overlay
,Dialog
, orBanner
instead.
Tooltip content will never truncate. It should be short and self-explanatory. If a longer message is necessary, consider adding it to the page so it's always visible.
To import Tooltip
from the core Salt package, use:
Name | Type | Description | Default |
---|