Cards

Display content in a responsive grid.

Usage

mdx

<Cards>
  <Card title="fast" description="optimized builds" />
  <Card title="flexible" description="swap any component" />
</Cards>

fast

optimized builds

flexible

swap any component

With links

Cards can link to other pages:

mdx

<Cards>
  <Card
    title="installation"
    description="get started"
    href="/docs/installation"
  />
  <Card title="components" description="ui reference" href="/docs/components" />
</Cards>

Props

Card

prop	type	description
title	string	Card heading
description	string	Optional subtext
href	string	Optional link
icon	ReactNode	Optional icon