COMPONENTS

Overview
Avatars
Badges
Breadcrumbs
Buttons
Calendar
Cards
Checkbox
Chips
Date picker
Dividers
Dropdowns
Help text
Icons
Inline editable fields
Inputs
Links
Messages
Meta list
Modals
Navigation - Horizontal
Navigation - Vertical
Pagination
Page headers
Pills
Popover
Progress indicators
Radio
Rich text editor
Side sheet
Slider
Status hint
Steppers
Switch
Table
Tabs
Time picker
Toast
Tooltip

Tooltip

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

Usage
Code
Interactions

Structure

Properties

PropertyValue(s)Default value
Position
  • Top
  • Right
  • Bottom
  • Left
    		• Bottom
    Maximum width256px-
    Spacing from trigger4px-

    Usage


    Positioning

    Default position

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

    Default position

    CONTENTS