Surface container. Three visual variants: default, course (with gradient cover), stat (numeric display), and elevated (stronger shadow for key panels/modals).
3-day hands-on · Riga
Active clients
Soft navy-tinted shadow for modals, popovers and key panels.
White surface with subtle border and shadow-sm. The base building block.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default'|'elevated'|'course'|'stat' | 'default' | Visual treatment |
padding | boolean | true (except course) | Apply 20px padding |
class | string | — | Extra CSS classes |
Use CardBody inside a variant="course" card for the padded body area.