Link

Hyperlinks between pages.

Default

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 next/link

Use Link with NextJS without any configuration.

APIs

Link.Props

AttributeDescriptionTypeAccepted valuesDefault
hreflink urlstring--
colordisplay color for linkboolean-false
iconshow iconboolean-false
underlinedisplay underlineboolean-false
blockdisplay as a separate blockboolean-false
refforwardRefRef<HTMLAnchorElement | null>--
...native propsAnchorHTMLAttributes'rel', 'target', ...-