Link

Name: Rad UI
Author: Rad UI Team

A styled anchor element for navigating between pages or external URLs. Supports size, color, and the asChild composition pattern.

Default link Blue link Red link Large link

React
"use client"

import Link from "@radui/ui/Link"

const LinkExample = () => {
    return (
        <div className="flex flex-col gap-3">
            <Link href="#">Default link</Link>
            <Link href="#" color="blue">Blue link</Link>
            <Link href="#" color="red">Red link</Link>
            <Link href="#" size="lg">Large link</Link>
        </div>
    )
}

export default LinkExample

API Documentation

Anatomy

Import all parts of the component and piece them together

React
import Link from "@radui/ui/Link"

export default () => {
    return <Link href="#">Label</Link>
}

Link

A styled anchor element.

Prop	Type	Default
href	string	"#"
size	string	""
color	string	""
asChild	boolean	false
customRootClass	string	""