LinkNavigate to another page or resource.
Link
Lorem ipsum dolor sit amet consectetur.
import Link from '@/components/Link'; export function Example() { return ( <> Lorem ipsum <Link href="/dolor">dolor sit amet</Link> consectetur. </> );}
Link ($type)
import Link from '@/components/Link'; export function Example() { return ( <> <Link href="/lorem" $type="default">Default link</Link> <Link href="/ipsum" $type="highlight">Highlight link</Link> <Link href="/dolor" $type="none">None link</Link> </> );}
Link (external)
import Link from '@/components/Link'; export function Example() { return ( <> <Link href="https://example.com">Lorem ipsum</Link> <Link href="mailto:lorem@example.com">lorem@example.com</Link> <Link href="tel:+1234567890">+1234567890</Link> </> );}
Link ($icon, $disabled)
import Link from '@/components/Link';import { ExternalLink } from 'lucide-react'; export function Example() { return ( <> <Link href="/lorem" $icon={<ExternalLink />}>Lorem ipsum</Link> <Link href="/ipsum" $disabled>Disabled link</Link> </> );}