Grids
Grid digunakan untuk membuat layout 2 kolom yang responsif untuk komponen.
Grid digunakan untuk membuat layout 2 kolom yang responsif. Cocok untuk menampilkan card, callout, atau komponen lain secara berdampingan.
Preview
Judul Card
Card dengan ikon dan judul.
Judul Card
Card dengan ikon dan judul.
Sintaks
::::grid:::card[Judul Card]{icon="info"}Konten card 1::::::card[Judul Card]{icon="info"}Konten card 2:::::::Grid otomatis membagi child menjadi 2 kolom. Di mobile, menjadi 1 kolom.
Aturan
- Grid hanya untuk membungkus komponen (
card, callout, dll) - Tidak ada atribut tambahan (default 2 kolom, gap
1rem) - Di mobile: 1 kolom, gap
0.75rem