components
Tooltip
Small in-app messages attached to a specific element or alert about new updates during app usage.
Anatomy
Properties
Properties
Vertical Exposure
Description
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.
Dimension
Anatomy
Properties
Properties
Vertical Exposure
Description
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.
Dimension
Anatomy
Properties
Properties
Vertical Exposure
Description
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.
Dimension
