Button
---
import Button from 'fulldev-ui/components/Button.astro'
---
<Button color="brand">Button</Button>
Props
| Prop | Type | Default |
|---|---|---|
| type | HTMLAttributes<'button'>['type'] & HTMLAttributes<'a'>['type'] | - |
| icon | ComponentProps<typeof Icon>['name'] | - |
| avatar | ComponentProps<typeof Avatar>['src'] | - |
| slug | CollectionEntry<'pages'>['slug'] | - |
| variant | 'primary' | 'secondary' | 'tertiary' | 'link' | secondary |
| reverse | boolean | - |
| text | string | - |
| HTML Attributes | 'button' | 'a' | 'label' | - |
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" />