1. Docs
  2. Link

Link

A link allows a user to navigate to another page or resource within a web page or application.

Installation

Copy and paste the following code into your project: link.tsx

Loading...

Copy and paste the following code into your project: button.tsx

Loading...

Update the import paths to match your project setup.

Client Side Routing

The <Link> component works with frameworks and client side routers like Next.js, Remix and React Router. As with other React Aria components that support links, this works via the RouterProvider component at the root of your app. See the client side routing guide to learn how to set this up.

Examples

Variants