⌘ Anatomy
Fungsi dan Cara Penggunaannya
*
Komponen ini berfungsi sebagai elemen interaktif dalam antarmuka pengguna, memungkinkan pengguna untuk memilih atau menandai suatu opsi.
**
Digunakan ketika Memberikan opsi kepada pengguna untuk memilih satu atau beberapa pilihan dalam daftar.
Penjelasan Component Variant
1
Label ini memberikan deskripsi atau nama untuk opsi yang terkait dengan checkbox.
2
Checkbox ini berfungsi sebagai area interaktif yang dapat diklik untuk memilih opsi tertentu.
↔ Spacing
Checkbox + Label
Width
Hug
63px
Height
Hug
20px
Direction
Horizontal
Align Children
Center Left
Gap
Spacing/8PX
Checkbox
Width
Hug
20px
Height
Hug
20px
Direction
Horizontal
Align Children
Center Left
Gap
Spacing/8PX
Corner radius
Border - Radius/6PX