Link Buttons

Link Buttons

We can create a button using Starlight’s LinkCards to link to external or internal sites.

Importing LinkCards

We can import it in our .mdx files with the following import after the frontmatter:

import { LinkCard } from '@astrojs/starlight/components';

Example link button with description

Official C# websiteOfficial C# documentation from Microsoft.

<LinkCard
  title="Official C# website"
  href="https://learn.microsoft.com/en-us/dotnet/csharp/"
  description="Official C# documentation from Microsoft."
/>