Skip to main content
HintA hint is used to draw the user’s attention to a specific part of the interface, providing information or encouraging them to take action. Hints are typically triggered automatically at the right moment in the user journey but can also appear in response to user actions. The hint should disappear when the user taps anywhere on the screen.
Usage Examples
AlignmentThe Hint component supports different alignments, so it works well with elements anywhere on the screen.
AlignmentTopBottom
Left
Center
Right
Accessories
PropPreview
None
Icon
Position

Distance
Keep a distance of S2 from the component the hint is pointing at.

Spec

The Hint component adjusts to its content.
Max width: screen width, S4 margins.