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 — Base UI
link.tsx
1234567891011121314151617import { Link } from "#components/ui/base-ui/link.tsx";
export function Example() { return ( <> {/* the variant prop resolves through the StyleX recipe and is exposed as a data-variant attribute */} <Link href="/docs" variant="underline">Read the docs</Link>
{/* composition: the render prop replaces the underlying element, e.g. a router's link component */} <Link variant="plain" render={<RouterLink to="/pricing" />}> Pricing </Link> </> );}