Link is a light wrapper around the HTML anchor element. It adds default styling and the className prop.
Sizes
size="xs"|"sm"|"md"|"lg"|"xl"
<Link href="http://example.com/" size="sm">
I'm a link
</Link>
Polymorphism
The Link component supports polymorphism, therefore depending on whether it receives an onClick/href as a prop, it will produce a button or link respectively
<Link href="http://example.com/">
I'm a link
</Link>
<Link onClick={() => alert('clicked')}>
I'm a link
</Link>
API Reference
| Prop | Type | Default | Required |
|---|---|---|---|
as | JSX.IntrinsicElements | - | - |
noCapsize | boolean | - | - |
size | Partial<Record<Breakpoint, "xs" | "sm" | "md" | "lg" | "xl">> | "xs" | "sm" | "md" | "lg" | "xl" | - | - |