Link

Basic

A link allows users to navigate to another page or resource within a website or app.

Installation

To install the required package, run the following command:

npm i react-aria-components

Anatomy

import { Link } from "@/components/ui/link"

<Link href="#basic">Label</Link>

Unstyled

By default, the link comes unstyled, making it easy to apply custom classes and styles.

Use as Button

If you want to style a link to look like a button, you can do so by applying the buttonStyles prop.

Disabled

You can disable the link by setting the isDisabled prop.