Card
Composable card primitives. The card family renders identically across Angular / React / Vue.
Basic card
Card title
Some quick example text to build on the card title.
Colour variant
Primary
Coloured variant via the
color attribute.Image at the top
With image
Image at the top, body below.
Header & footer
Featured
Special title treatment
With supporting text below as a natural lead-in to additional content.
Nested card
Outer card
A card can be nested inside another card's body:
Inner card
This card is slotted into the outer card's body.