---
title: Link
description: Handles any kind of link.
---
---
This component is part of the `jaspr_router` package. Make sure to add this to your dependencies
before using the component.
The `Link` component is a drop-in replacement for the `` tag.
When available, it uses client-side navigation (no page reload on click) and falls back to the default
server-side navigation.
```dart
return Link(
to: '/about',
child: .text('About'),
);
```
renders to
```html
About
```
## Client-Side Navigation
When using client-side routing, the `Link` component will override the default behavior of the ``
tag and use the [`Router`s](/api/components/router) `push()` or `replace()` method to navigate to the target route when clicked.
## Parameters
The url to navigate to.
---
Whether to replace the route instead of pushing, defaults to 'false'.
*Only affects client-side routing.*
---
The extra data to attach to the new route.
*Only affects client-side routing.*
---
Whether to preload the target route when the link is hovered, defaults to 'true'.
*Only affects client-side routing when using lazy routes.*
---
The `target` attribute value applied to the anchor element.
---
The `referrerpolicy` attribute value applied to the anchor element.
---
The `class` attribute value applied to the anchor element.
---
The `style` attribute value applied to the anchor element.
---
Other attribute values applied to the anchor element.
---
Child component to render inside the anchor element.
---
Child components to render inside the anchor element.
---