⌘ Anatomy
Fungsi dan Cara Penggunaannya
*
Komponen ini adalah elemen desain yang menampilkan pesan sementara untuk memberikan informasi atau panduan kepada pengguna.
**
Digunakan ketika memberikan petunjuk atau panduan kepada pengguna saat pertama kali mereka menggunakan fitur baru.
Penjelasan Component Variant
1
Menyampaikan nama atau judul dari fitur atau informasi yang diperkenalkan oleh Coach Mark.
2
Menjelaskan secara ringkas tentang fitur atau pesan yang ingin disampaikan.
3
Memberikan opsi bagi pengguna untuk melewati atau mengabaikan Coach Mark.
4
Tombol ini digunakan untuk melanjutkan atau mengonfirmasi tindakan terkait dengan Coach Mark.
↔ Spacing
Content
Width
Fill
375px
Height
Hug
180px
Fill variable
Color/Base/White
Direction
Horizontal
Align Children
Center
Padding
Spacing/16PX
Gap
10px
Corner radius
Border - Radius/6PX
Content
Width
Fill
303px
Height
Hug
148px
Direction
Vertical
Align Children
Top Left
Gap
Spacing/20PX
Tittle + Body
Width
Fill
303px
Height
Hug
92px
Direction
Vertical
Align Children
Top Left
Padding
0px
0px
0px
Spacing/16PX
Gap
Spacing/4PX