components
Tooltip
Small in-app messages attached to a specific element or alert about new updates during app usage.
Anatomy
Properties
1. Container
unremovable
unchangeable
Color
N800
none
Width
dynamic
none
max width : 280px
Height
hug
none
Radius
8px
none
Body text
unremovable
changeable
Text style
body 3 - regular
body 3 - bold
none
Color
text invert
none
Alignment
align-left
none
Overflow handling
truncation : none
none
Max line
no max line
none
TDS pointer
unremovable
unchangeable
Variant
dark
none
Direction
left
right
up
down
none
Position
top-center (default)
exposed
vertical are free to define (x,y) position as long as it complies to the Pointer placement guideline.
See Dimension.
