CardGroup
Wrapper grid responsif untuk meletakkan beberapa Cards berdampingan.
Penggunaan
Design
Building a scalable design token system
A look at how semantic tokens keep a component library themeable.
Engineering
CSS-only animation, end to end
Why every transition in this library skips JavaScript entirely.
vue-html
<SCardGroup>
<SCard>...</SCard>
<SCard>...</SCard>
</SCardGroup>
Single column di bawah breakpoint sm, kolom cols pada sm dan lebih besar - default 2, cocok untuk kasus penggunaan paling umum (perbandingan Card sendiri). SCardGroup tidak memiliki opini tentang apa yang ada di dalamnya - anak apa pun berfungsi, tidak hanya Card.
Custom :ui
Global dan scoped recipe overrides menggunakan ui.cardGroup.
Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default untuk setiap slot - berikut adalah file tema CardGroup sendiri:
Theme source "card-group" not found
Props
| Prop | Tipe | Default |
|---|---|---|
cols | 2 | 3 | 4 | 2 |
ui | Partial<Record<CardGroupSlot, string | object>> | - |