Tooltip

Tooltip is used to display content in relation to a target when that target is hovered.

Usage
Code
Interactions

Structure



Structure of tooltip
PropertyValue(s)
Padding
(top, right, bottom, left)
4 px, 8 px, 4 px, 8 px
Spacing from trigger4 px
Maximum width256 px

Configurations

PropertyValue(s)Default value
Position
  • Top
  • Right
  • Bottom
  • Left
  • Bottom

    Usage


    Positioning

    Default position

    The preferred and default side of tooltip is the bottom of the trigger.

    Default position Default position