Link
Hyperlinks between pages.
General
Highlight
Distinguish links with different colors.
With Icon
Show an icon in the link.
Variant
Different styles of links.
Block
Display as a separate block.
With the Next.js router
Keep the href, so the link works in a new tab, and navigate with the router on click.
APIs
Link.Props
| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| href | link url | string | - | - |
| color | display color for link | boolean | - | false |
| icon | show icon | boolean | - | false |
| underline | display underline | boolean | - | false |
| block | display as a separate block | boolean | - | false |
| ref | forwardRef | Ref<HTMLAnchorElement | null> | - | - |
| ... | native props | AnchorHTMLAttributes | 'rel', 'target', ... | - |