# button (Flowbite v4 kit)

> Use the button component inside forms, as links, social login, payment options with support for multiple styles, colors, sizes, gradients, and shadows

## Props for `Button`

| Name | Type | Description |
|------|------|-------------|
| `variant` | `'brand'|'secondary'|'tertiary'|'success'|'danger'|'warning'|'dark'|'ghost'|'outline'|'outline-brand'|'outline-success'|'outline-danger'|'outline-warning'` | The visual style variant. Defaults to `brand` |
| `size` | `'default'|'xs'|'sm'|'lg'|'xl'|'icon'|'icon-xs'|'icon-sm'` | The button size. Defaults to `default` |
| `shape` | `'rounded'|'pill'` | The badge shape. Defaults to `rounded` |
| `as` | `'button'` | The HTML tag to render. Defaults to `button` |

## Blocks for `Button`

- `content`: The button label and/or icon

## Dependencies

- twig/extra-bundle
- twig/html-extra:^3.12.0
- tales-from-a-dev/twig-tailwind-extra:^1.0.0

- [View component](https://ux.symfony.com/toolkit/kits/flowbite-4/components/button)