Components
card
Container with border and shadow.
A styled container with border and subtle shadow, commonly used for grouping related content.
Cards support the same layout flags as box:
accepts children
Layout
| Property | Type | Default |
|---|
:row | flag | - |
:col | flag | - |
:grid | flag | - |
:wrap | flag | - |
Alignment
| Property | Type | Default |
|---|
:center | flag | - |
:start | flag | - |
:end | flag | - |
:between | flag | - |
:around | flag | - |
:stretch | flag | - |
Sizing
| Property | Type | Default |
|---|
:full | flag | - |
:fit | flag | - |
:fill | flag | - |
Spacing
| Property | Type | Default |
|---|
:gap | number | 0 |
:padding | number | 0 |
Dimensions
| Property | Type | Default |
|---|
:width | any | - |
:height | any | - |
Position
| Property | Type | Default |
|---|
:sticky | flag | - |
:fixed | flag | - |
:absolute | flag | - |
:relative | flag | - |
:top | number | - |
:left | number | - |
:right | number | - |
:bottom | number | - |
Variants
| Property | Type | Default |
|---|
:primary | flag | - |
:secondary | flag | - |
:ghost | flag | - |
:danger | flag | - |
:success | flag | - |
:warning | flag | - |
:info | flag | - |
Navigation
| Property | Type | Default |
|---|
:to | target | - |