Navigation
Link
A navigational element that directs users to internal or external pages, optimized for accessibility, SEO, and seamless user navigation experiences.
Basic
A link allows users to navigate to another page or resource within a website or app.
Installation
Install the component via the CLI in one command. To install the required package, run the following command:
npm
pnpm
yarn
bun
npm install 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.
Loading...
Disabled
You can disable the link by setting the isDisabled prop.
Label
Design Intent UI
Build modern web apps faster with 1000+ resources across components, blocks, patterns, templates, and starter kits.