components
Coach Mark
Temporary messages that educate users through new or unfamiliar product experiences.
Variants
Anatomy
Properties
Properties
Vertical Exposure
Description
1. Container
unremovable
unchangeable
Color
N0
none
Width
dynamic
none
Maximum width 280px
Height
dynamic
none
Radius
8px
none
Illustration
removable
changeable
Source
TDS asset
URL
none
Size
fixed
none
3. Pointer
unremovable
unchangeable
Color
N0
none
Title text
removable
changeable
Text style
heading 3
none
Color
text HE
none
Alignment
align-left
none
Overflow handling
truncation : none
none
Max line
max 2 lines
none
Text width
fill
none
Body text
unremovable
changeable
Color
text HE
none
Text style
body - regular
body - bold
none
Alignment
align-left
none
Overflow handling
truncation : none
none
Max line
no max line
none
Text width
fill
none
6a. Button
unremovable
unchangeable
Type
primary button - small
none
6b. Text link
removable
changeable
Type
body 3 - bold
none
Color
B400
none
Dimension
Content area
Tap area
Behaviour
Variants
Anatomy
Properties
Properties
Vertical Exposure
Description
1. Container
unremovable
unchangeable
Color
N0
none
Width
dynamic
none
Maximum width 280px
Height
dynamic
none
Radius
8px
none
Illustration
removable
changeable
Source
TDS asset
URL
none
Size
fixed
none
3. Pointer
unremovable
unchangeable
Color
N0
none
Title text
removable
changeable
Text style
heading 3
none
Color
text HE
none
Alignment
align-left
none
Overflow handling
truncation : none
none
Max line
max 2 lines
none
Text width
fill
none
Body text
unremovable
changeable
Color
text HE
none
Text style
body - regular
body - bold
none
Alignment
align-left
none
Overflow handling
truncation : none
none
Max line
no max line
none
Text width
fill
none
6a. Button
unremovable
unchangeable
Type
primary button - small
none
6b. Text link
removable
changeable
Type
body 3 - bold
none
Color
B400
none
Dimension
Content area
Tap area
Behaviour
Variants
Anatomy
Properties
Properties
Vertical Exposure
Description
1. Container
unremovable
unchangeable
Color
N0
none
Width
dynamic
none
Maximum width 280px
Height
dynamic
none
Radius
8px
none
Illustration
removable
changeable
Source
TDS asset
URL
none
Size
fixed
none
3. Pointer
unremovable
unchangeable
Color
N0
none
Title text
removable
changeable
Text style
heading 3
none
Color
text HE
none
Alignment
align-left
none
Overflow handling
truncation : none
none
Max line
max 2 lines
none
Text width
fill
none
Body text
unremovable
changeable
Color
text HE
none
Text style
body - regular
body - bold
none
Alignment
align-left
none
Overflow handling
truncation : none
none
Max line
no max line
none
Text width
fill
none
6a. Button
unremovable
unchangeable
Type
primary button - small
none
6b. Text link
removable
changeable
Type
body 3 - bold
none
Color
B400
none
Dimension
Content area
Tap area
Behaviour
