⌘ Anatomy
Fungsi dan Cara Penggunaannya
*
Komponen card berfungsi sebagai unit informasi yang ringkas dan terstruktur, biasanya digunakan untuk menampilkan informasi penting secara visual dalam bentuk yang mudah dibaca.
**
Menampilkan informasi singkat atau item yang dapat diklik, biasanya dalam format grid.
Penjelasan Component Variant
1
Gambar ini berfungsi sebagai representasi visual dari produk atau item yang dijelaskan dalam card.
2
Judul ini memberikan nama atau identitas utama dari produk atau konten yang ditampilkan pada card.
3
Deskripsi ini menyediakan informasi tambahan yang menjelaskan fitur atau keunggulan dari produk.
↔ Spacing
Card Custom
Width
Fixed
280px
Height
Hug
402px
Stroke variable
Border/Border - Neutral
Direction
Vertical
Align Children
Top Left
Corner radius
Border - Radius/8PX
Text Container
Width
Fill
280px
Height
Hug
202px
Fill variable
Color/Base/White
Direction
Vertical
Align Children
Top Left
Padding
Spacing/24PX
Gap
16px
Corner radius
Border - Radius/8PX