Skip to contentWolf-Rayet

Link icon button

A link icon button goes to another page and shows an icon in place of text. It still needs a label for screen readers.

#Default

Use it where space is tight and it is clear where the link goes.

import { LinkIconButton } from '@wolf-rayet/react';

<LinkIconButton icon={<External />} label="Open the documentation" href="#" />
<LinkIconButton icon={<External />} label="Open the documentation" href="#" appearance="subtle" />