Button

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

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

Props

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

Button Button Button

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

<Button radius="none" text="Button" />
<Button radius="auto" text="Button" />
<Button radius="full" text="Button" />

Badge Card