Status
PublishedElement can be used in production | |
PublishedElement can be used in production | |
PublishedElement can be used in production | |
React | In backlogElement is in backlog |
Documentation | In progressElement design and development in progress |
Tooltips are containers that temporarily display short, contextual text. They are typically activated when a user hovers over an icon or other trigger.
PublishedElement can be used in production | |
PublishedElement can be used in production | |
PublishedElement can be used in production | |
React | In backlogElement is in backlog |
Documentation | In progressElement design and development in progress |
The v2 tooltip was redesigned to meet accessibility requirements and address mobile experiences. It also incorporates the updated foundations, including the new font ramp and color palette.
Tooltip is similar to popover but is not used for the same purpose. Identifying the right use case will make the experience clear for all users, particularly for those with cognitive and learning disabilities, or those using screen readers.
Component | Use case |
---|---|
Tooltip | Tooltip is a container that temporarily displays a short, text-only definition and is activated when a user hovers or focuses on an icon or other trigger. Limit tooltip content to short descriptions written in sentence case. If content is a full sentence, use punctuation. |
Popover | Popover is a container that displays supplemental information after pressing its trigger element. They can contain limited interactions with its content, but should not contain actions that are required for the experience. |