Component

Card

Surface container. Three visual variants: default, course (with gradient cover), stat (numeric display), and elevated (stronger shadow for key panels/modals).

Variants

Featured

Kubernetes in Production

3-day hands-on · Riga

€1,950

Active clients

128
▲ 12% this quarter

Elevated panel

Soft navy-tinted shadow for modals, popovers and key panels.

Default card

Simple card

White surface with subtle border and shadow-sm. The base building block.

Props

PropTypeDefaultDescription
variant'default'|'elevated'|'course'|'stat''default'Visual treatment
paddingbooleantrue (except course)Apply 20px padding
classstringExtra CSS classes

Use CardBody inside a variant="course" card for the padded body area.