Skip to content
Fulldev UI

Link

A polymorphic, adaptable link component. 
--- 
import { Link } from 'fulldev-ui'
---

<Link
  size="md"
  underline="auto"
  color="base"
  contrast={false}
  text="Link"
/>

Props

Prop Type Default
size xs | sm | md | lg | xl -
underline auto | always | hover | none auto
color base | brand -
contrast boolean -
html string -
text string -
href string -
as HTMLTag a
HTML Attributes Polymorphic<as> -

Examples

size

The size prop cascades: it is inherited from the parent and it is applied to all children.

Link Link Link 
---
import { Link } from 'fulldev-ui'
---


<Link href="/base/link" size="sm">Link</Link>
<Link href="/base/link" size="md">Link</Link>
<Link href="/base/link" size="lg">Link</Link>

underline

Link Link Link Link 
---
import { Link } from 'fulldev-ui'
---


<Link href="/base/link" underline="auto">Link</Link>
<Link href="/base/link" underline="always">Link</Link>
<Link href="/base/link" underline="hover">Link</Link>
<Link href="/base/link" underline="none">Link</Link>

contrast

Link Link 
---
import { Link } from 'fulldev-ui'
---


<Link href="#">Link</Link>
<Link href="#" contrast>Link</Link>