Skip to content

Link

---
import { Link } from "wf-components";
---
<Link iconName="arrow-up-right" text='Medium Link Primary' />

Props

size

Optional Defaults to md, the options are: sm, md, and lg.

---
import { Link } from "wf-components";
---
<Link size="sm" iconName="arrow-up-right" text='Link Primary' />
<Link size="md" iconName="arrow-up-right" text='Link Primary' />
<Link size="lg" iconName="arrow-up-right" text='Link Primary' />

disabled

Optional If the link is disabled, it will not be clickable.

---
import { Link } from "wf-components";
---
<Link disabled iconName="arrow-up-right" text='Link Primary' />

iconName

Optional If you’d like an icon to be displayed on the right side of the link, you can pass the icon name here.

text

Optional The text that will be displayed in the link.

href

Optional The url of the link.