## Button Props

| Name            | Type                                                                          | Default   | Required | Description                                      |
| --------------- | ----------------------------------------------------------------------------- | --------- | -------- | ------------------------------------------------ |
| fill            | `'base'\|'line'\|'lineLight'\|'lineTheme'\|'text'\|'textTheme'\|'colorLight'` | `'base'`  | N        | Fill mode.                                       |
| state           | `'theme'\|'success'\|'warning'\|'error'\|'info'`                              | `'theme'` | N        | Status color, theme means following theme color. |
| radius          | `'none'\|'base'\|'xl'\|'2xl'\|'full'`                                         | `'base'`  | N        | Border radius style.                             |
| size            | `'full'\|'big'\|'md'\|'sm'\|'auto'`                                           | `'big'`   | N        | Size.                                            |
| line            | `'solid'\|'dashed'\|'dotted'`                                                 | `'solid'` | N        | Border style.                                    |
| heightOut       | `'0'\|'1'\|'2'\|'3'\|'4'`                                                     | `'2'`     | N        | Button outer height.                             |
| heightIn        | `'0'\|'1'\|'2'\|'3'\|'4'`                                                     | `'3'`     | N        | Button height.                                   |
| injClass        | `string`                                                                      | `''`      | N        | Inject CSS class name.                           |
| love            | `boolean`                                                                     | `false`   | N        | Whether to enable care version.                  |
| group           | `boolean`                                                                     | `false`   | N        | Whether to use button group.                     |
| disabled        | `boolean`                                                                     | `false`   | N        | Whether to disable.                              |
| customSize      | `boolean`                                                                     | `false`   | N        | Whether to use custom size.                      |
| customWidth     | `number`                                                                      | `0`       | N        | Custom width.                                    |
| customHeight    | `number`                                                                      | `0`       | N        | Custom height.                                   |
| icon            | [`Icon`](https://stdf.design/#/components?nav=icon&tab=1)\|`null`             | `null`    | N        | Icon props.                                      |
| loading         | [`Loading`](https://stdf.design/#/components?nav=loading&tab=1)\|`null`       | `null`    | N        | Loading props.                                   |
| disabledLoading | `boolean`                                                                     | `false`   | N        | Whether to disable when loading.                 |

## Button Events

| Name    | Type         | Parameters | Description         |
| ------- | ------------ | ---------- | ------------------- |
| onclick | `() => void` | -          | Triggered on click. |

## Button Snippets

| Name     | Type                                                                | Parameters | Description     |
| -------- | ------------------------------------------------------------------- | ---------- | --------------- |
| children | [`Snippet`](https://svelte.dev/docs/svelte/snippet#Typing-snippets) | -          | Button content. |