Skip to content
sdocs

Card

Linked card with an icon tile, body text, and a call-to-action line.

A linked card: an icon tile, a line of body text, and a call-to-action. The whole card is the link, so nothing inside it should be clickable on its own.

Props

Name
Details
Default
Control
href*
string
Default
Control
Where the whole card links to
title*
string
Default
Control
Card heading
linkText
string
Default Learn more
Control
Text of the call-to-action line at the bottom

Snippets

Name
Details
icon
Snippet
Icon area, rendered in a tinted tile above the heading
children
Snippet

Examples

WithIcon

Grid