Linkcard

Styled link cards with optional icons.

Internal link:

mdx

<LinkCard
  href="/docs/quickstart"
  title="quickstart"
  description="get started in minutes"
/>

External link

Shows external icon:

mdx

<LinkCard
  href="https://github.com"
  title="github"
  description="view source code"
/>

mdx

<LinkCard
  href="/docs/components"
  title="components"
  description="browse all components"
  icon="📦"
/>

mdx

<LinkCards>
  <LinkCard href="/docs/install" title="install" />
  <LinkCard href="/docs/config" title="config" />
</LinkCards>

prop	type	default	description
href	string	-	Link URL
title	string	-	Link title
description	string	-	Link description
icon	ReactNode	-	Optional icon

Styled link cards with optional icons.

Internal link:

mdx

<LinkCard
  href="/docs/quickstart"
  title="quickstart"
  description="get started in minutes"
/>

Shows external icon:

mdx

<LinkCard
  href="https://github.com"
  title="github"
  description="view source code"
/>

mdx

<LinkCard
  href="/docs/components"
  title="components"
  description="browse all components"
  icon="📦"
/>

mdx

<LinkCards>
  <LinkCard href="/docs/install" title="install" />
  <LinkCard href="/docs/config" title="config" />
</LinkCards>

prop	type	default	description
href	string	-	Link URL
title	string	-	Link title
description	string	-	Link description
icon	ReactNode	-	Optional icon