Tooltip

Provides additional information about an element

Tooltip
Tooltip
Placement Bottom
Tooltip
Tooltip
Placement Bottom End
Tooltip
Tooltip
Placement Bottom Start
Tooltip
Tooltip
Placement Left
Tooltip
Tooltip
Placement Left End
Tooltip
Tooltip
Placement Left Start
Tooltip
Tooltip
Placement Right
Tooltip
Tooltip
Placement Right End
Tooltip
Tooltip
Placement Right Start
Tooltip
Tooltip
Placement Top
Tooltip
Tooltip
Placement Top End
Tooltip
Tooltip
Placement Top Start
Tooltip
Property Values Default
Text Text string Would you like to see an overview of the offers you have responded to? Here is it.
Dismissible Boolean true | false true
Placement Variant Bottom | Bottom Start | Bottom End | Top | Top Start | Top End | Right | Right End | Right Start | Left | Left End | Left Start Bottom

Practical Decision Tips

  • If your content is more than a quick hint, needs links or interaction, or must remain visible while the user considers it – Modal (blocking) or Popover/inline (non-blocking), not Tooltip.
  • If it’s a single sentence of optional context for a control – Tooltip.
  • If you’re switching between equally important viewsSegmented Control, not Modal/Tooltip.