All components
Link
Inline anchors with underline and plain hover treatments and a themed focus ring.
Variants
Read the docsunderline
Read the docsplain
Install
zsh — link
1bunx stylexblocks add linkUsage — Ark UI
link.tsx
12345678910111213141516import { Link } from "#components/ui/ark-ui/link.tsx";
export function Example() { return ( <> {/* the variant prop resolves through the StyleX recipe */} <Link href="/docs" variant="underline">Read the docs</Link>
{/* composition: asChild forwards everything onto your element, e.g. a router's link component */} <Link asChild variant="plain"> <RouterLink to="/pricing">Pricing</RouterLink> </Link> </> );}