Cards

Cards allows you to display content in a visually appealing card format.

Code


<Cards>
  <Cards.Card
    icon={<Image src={infoIcon} alt="Info" width={24} height={24} />}
    title="Callout"
    href="https://nextra.site/docs/built-ins/cards"
  />
  <Cards.Card
    icon={<Image src={tabIcon} alt="Edit" width={24} height={24} />}
    title="Tabs"
    href="https://nextra.site/docs/built-ins/tabs"
  />
  <Cards.Card
    icon={<Image src={stepsIcon} alt="Tab" width={24} height={24} />}
    title="Steps"
    href="https://nextra.site/docs/built-ins/steps"
  />
</Cards>