Button

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

<Button color="brand">Button</Button>

Props

Prop	Type	Default
variant	'primary' \| 'secondary' \| 'tertiary' \| 'link' \| undefined	primary
size	'sm' \| 'md' \| 'lg' \| undefined	-
color	'base' \| 'brand' \| undefined	href === Astro.url.pathname && variant === 'link'
contrast	boolean \| undefined	-
slug	CollectionEntry<'pages'>['slug'] \| undefined	-
avatar	string \| undefined	-
icon	string \| undefined	-
html	string \| undefined	-
text	string \| undefined	slug && (await getEntry('pages'
as	HTMLTag	href ? a
HTML Attributes	Polymorphic<href ? a>	-

Examples

Button Button Button

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

<Button variant="primary">Button</Button>
<Button variant="secondary">Button</Button>
<Button variant="tertiary">Button</Button>

Buttontje

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

<Button icon="circle" text="Button" text="Buttontje" />

Button Button Button

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

<Button size="sm" text="Button" />
<Button size="md" text="Button" />
<Button size="lg" text="Button" />

Button Button

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

<Button color="base" text="Button" />
<Button color="brand" text="Button" />

Badge Card