---
title: Links
---
# Links
[MODES: framework]
## Summary
[Reference Documentation ↗](https://api.reactrouter.com/v7/functions/react-router.Links.html)
Renders all the [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link)
tags created by the route module's [`links`](../../start/framework/route-module#links)
export. You should render it inside the [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head)
of your document.
```tsx
import { Links } from "react-router";
export default function Root() {
return (
);
}
```
## Signature
```tsx
function Links({ nonce, crossOrigin }: LinksProps): React.JSX.Element
```
## Props
### nonce
A [`nonce`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/nonce)
attribute to render on the [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link)
element
### crossOrigin
A [`crossOrigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin)
attribute to render on the [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link)
element