# Button
reference: [https://flowbite.com/docs/components/buttons/](https://flowbite.com/docs/components/buttons/)
## Props
### Color
```typescript
type ButtonVariant = 'default' | 'alternative' | 'dark' | 'light' | 'green' | 'red' | 'yellow' | 'purple'
defineProps({
color: {
type: String as PropType,
default: 'default',
},
})
```
```vue
```
### Size
```typescript
type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
defineProps({
size: {
type: String as PropType,
default: 'md',
},
})
```
```vue
```
### Pill
```typescript
defineProps({
pill: {
type: Boolean,
default: false,
},
})
```
```vue
```