⌘ Anatomy
Fungsi dan Cara Penggunaannya
*
Komponen ini berfungsi menampilkan pesan penting atau konfirmasi yang memerlukan perhatian dan tindakan langsung dari pengguna.
**
Digunakan ketika perlu menyampaikan pesan penting atau mengonfirmasi tindakan tanpa berpindah halaman.
Penjelasan Component Variant
1
Memberikan judul atau topik utama dari informasi yang disampaikan dalam modal.
2
Menyampaikan informasi tambahan atau pesan utama dari modal.
3
Menawarkan opsi bagi pengguna untuk membatalkan atau menutup modal tanpa melakukan tindakan yang diminta.
4
Mengizinkan pengguna untuk mengonfirmasi atau melanjutkan dengan tindakan yang diminta oleh modal.
↔ Spacing
Head + Body
Width
Fill
400px
Height
Hug
138px
Fill variable
Color/Base/White
Direction
Vertical
Align Children
Top Left
Padding
Spacing/24PX
Spacing/24PX
Spacing/16PX
Spacing/24PX
Gap
Spacing/8PX
Footer
Width
Fill
400px
Height
Hug
60px
Fill variable
Surface/Surface - Neutral
Direction
Horizontal
Align Children
Center Right
Padding
Spacing/12PX
Spacing/24PX
Spacing/12PX
Spacing/None
Gap
Spacing/12PX