Badge

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

<Badge>Badge</Badge>

Props

Prop	Type	Default
size	'sm' \| 'md' \| 'lg' \| undefined	-
color	'base' \| 'brand' \| undefined	-
contrast	boolean \| undefined	-
href	string \| undefined	-
html	string \| undefined	-
text	string \| undefined	-
icon	string \| undefined	-
as	HTMLTag	href ? a
HTML Attributes	Polymorphic<href ? a>	-

Examples

Badge

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

<Badge size="sm">Badge</Badge>
<Badge size="md">Badge</Badge>
<Badge size="lg">Badge</Badge>

Badge

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

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

Badge

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

<Badge>Badge</Badge>
<Badge contrast>Badge</Badge>

Badge

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

<Badge icon="circle" text="Badge" />

Text Button