Skip to content
BlueSkyGitHub

Link Button

To display visually distinct call-to-action links, use the <LinkButton> component.

Get started

Markdown

Related: Astro

import { LinkButton } from 'starlight-theme-nova/components'

<LinkButton href="/guide/getting-started/">Get started</LinkButton>
<LinkButton href="/guide/markdown/" variant="secondary">
  Markdown
</LinkButton>
<LinkButton
  href="https://docs.astro.build"
  variant="minimal"
  icon="external"
  iconPlacement="start"
>
  Related: Astro
</LinkButton>

The <LinkButton> component accepts the same props in Astro’s <LinkButton> component.