Fulldev UI

Docs Components Blocks

Link

---
import Link from 'fulldev-ui/components/Link.astro'
---

<Link href="/base/link">Link</Link>

Props

PropTypeDefault
underline'auto' | 'always' | 'hover' | 'none'auto
size'sm' | 'md' | 'lg'-
color'base' | 'brand'-
contrastboolean-
htmlstring-
textstring-
asHTMLTaga
HTML AttributesPolymorphic<a>-

Examples

---
import Link from 'fulldev-ui/components/Link.astro'
---

<Link href="/base/link" size="sm">Link</Link>
<Link href="/base/link" size="md">Link</Link>
<Link href="/base/link" size="lg">Link</Link>
---
import Link from 'fulldev-ui/components/Link.astro'
---

<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>
---
import Link from 'fulldev-ui/components/Link.astro'
---

<Link href="#">Link</Link>
<Link href="#" contrast>Link</Link>
---
import Link from 'fulldev-ui/components/Link.astro'
---

<Link color="base">Link</Link>
<Link color="brand">Link</Link>