Button

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

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

Props

Prop	Type	Default
icon	ComponentProps<typeof Icon>['name']	-
avatar	ComponentProps<typeof Avatar>['src']	-
slug	CollectionEntry<'pages'>['slug']	-
variant	'primary' \| 'secondary' \| 'tertiary' \| 'link'	secondary
reverse	boolean	-
text	string	-
size	'sm' \| 'md' \| 'lg'	-
color	'base' \| 'brand'	-
contrast	boolean	-
theme	'light' \| 'dark'	-
HTML Attributes	'button' \| 'a' \| 'label'	-

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