Cards

Cards are navigation, not decoration: each tile links somewhere and the whole tile is the click target. Use them where a reader chooses a direction, like a landing page or the end of a guide.

A card grid

Quickstart

From clone to a running docs site with one compose command.

Settings reference

Every key docs.yaml accepts, with types and defaults.

Callouts

The six severities and when to use each.

Theming

Accent pairs, fonts, logos, and first-visit appearance.

Usage

<CardGroup cols="2">
  <Card title="Quickstart" href="/quickstart">
    From clone to a running docs site with one compose command.
  </Card>
</CardGroup>

A Card without href renders as a plain tile, for the rare case where the grid mixes a non-link.

Props

Prop	On	Type	Default	Effect
`title`	`Card`	string	unset	The tile's headline
`href`	`Card`	string	unset	Destination; makes the whole tile a link
`cols`	`CardGroup`	string	`2`	Grid columns on wide screens; collapses responsively