---
title: Native Link
description: Render styled anchors with browser-native navigation
type: reference
summary: Use NativeDocsLink where Next.js client navigation is not appropriate.
related:
  - /docs/components
---

import { NativeDocsLink } from "@vercel/geistdocs/components/link";

<div className="not-prose my-6 flex min-h-32 items-center justify-center rounded-lg border border-gray-400 bg-background-100 p-6">
  <NativeDocsLink href="/docs/getting-started">Read the getting started guide</NativeDocsLink>
</div>

```tsx
import { NativeDocsLink } from "@vercel/geistdocs/components/link";

export function DownloadLink() {
  return <NativeDocsLink href="/download">Download</NativeDocsLink>;
}
```

Use this component for links that must retain native document navigation. The default MDX link resolver already handles internal and external authored links.