🎉 Nextra 4.0 is released. Read more →

Cards Component

Example

Usage

MDX
import { Cards } from 'nextra/components'
import { CardsIcon, OneIcon, WarningIcon } from '../../icons'
 
<Cards>
  <Cards.Card
    icon={<WarningIcon />}
    title="Callout"
    href="/docs/guide/built-ins/callout"
  />
  <Cards.Card
    icon={<CardsIcon />}
    title="Tabs"
    href="/docs/guide/built-ins/tabs"
  />
  <Cards.Card
    icon={<OneIcon />}
    title="Steps"
    href="/docs/guide/built-ins/steps"
  />
</Cards>