Skip to contentWolf-Rayet

Link icon button

A link icon button navigates, shows an icon instead of a label, and always carries a label for assistive technology.

#Default

Use it where space is tight and the destination is obvious in context.

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

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