Button
---
import Button from 'fulldev-ui/components/Button.astro'
---
<Button color="brand">Button</Button>
Props
| Prop | Type | Default |
|---|---|---|
| variant | 'primary' | 'secondary' | 'tertiary' | primary |
| radius | 'none' | 'auto' | 'full' | auto |
| size | 'sm' | 'md' | 'lg' | - |
| color | 'base' | 'brand' | - |
| contrast | boolean | - |
| avatar | string | - |
| icon | string | - |
| html | string | - |
| text | string | - |
| as | HTMLTag | a |
| HTML Attributes | Polymorphic<a> | - |
Examples
---
import Button from 'fulldev-ui/components/Button.astro'
---
<Button variant="primary">Button</Button>
<Button variant="secondary">Button</Button>
<Button variant="tertiary">Button</Button>
---
import Button from 'fulldev-ui/components/Button.astro'
---
<Button icon="circle" text="Button" text="Buttontje" />
---
import Button from 'fulldev-ui/components/Button.astro'
---
<Button size="sm" text="Button" />
<Button size="md" text="Button" />
<Button size="lg" text="Button" />
---
import Button from 'fulldev-ui/components/Button.astro'
---
<Button color="base" text="Button" />
<Button color="brand" text="Button" />