Link

Appearance variants

DefaultSubtleUnderline

<FuiLink appearance="default">Default</FuiLink>
<FuiLink appearance="subtle">Subtle</FuiLink>

States

Inline linkDisabled linkExternal link

<FuiLink inline>Inline link</FuiLink>
<FuiLink disabled>Disabled link</FuiLink>
<FuiLink href="https://example.com">External link</FuiLink>

As prop

Span link

<FuiLink as="button" @click="handleClick">Button link</FuiLink>
<FuiLink as="span">Span link</FuiLink>

Props

Prop	Type	Default	Description
appearance	default | subtle | underline	default	Visual style
inline	boolean	false	Inline text mode
disabled	boolean	false	Disabled state
href	string	undefined	Link URL
as	a | span | button	a	Rendered element