Fulldev UI

Docs Components Blocks Showcase
Docs Components Blocks
Overview
Introduction Installation Integration Theming Frameworks Showcase
Typography
Heading Label Link List Text
Base
Badge Button Card Checkbox Icon Input Rating Section Select Table Textarea
Structure
Carousel Column Grid Masonry Split Spread Stack

Link

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

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

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

<Link color="base">Link</Link>
<Link color="brand">Link</Link>
← Label List →