npm package: @getfly-ui/button
Description: Button for getfly UI
Latest version: 0.0.13

# Button component

![NPM License](https://img.shields.io/npm/l/%40getfly-ui%2Fbutton?style=for-the-badge)
![NPM Version](https://img.shields.io/npm/v/%40getfly-ui%2Fbutton?style=for-the-badge)
![npm bundle size](https://img.shields.io/bundlephobia/min/%40getfly-ui%2Fbutton?style=for-the-badge)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/%40getfly-ui%2Fbutton?style=for-the-badge)
![NPM Downloads](https://img.shields.io/npm/dm/%40getfly-ui%2Fbutton?style=for-the-badge)
![NPM Type Definitions](https://img.shields.io/npm/types/%40getfly-ui%2Fbutton?style=for-the-badge)

## How to use

```ts
import { Button } from '@getfly-ui/button';
```

OR

```ts
import { Button } from 'getfly-ui';
```

# Props

## Button.Primary

| Prop | Type | Default | Description |
| ---- | ---- | ------- | ----------- |
| `disabled` | `boolean or undefined` |  | disable button |
| `className` | `string or undefined` |  | @description Text label |
| `onClick` | `MouseEventHandler<HTMLButtonElement> or ((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) or undefined` |  | @description Event onClick |
| `useMergeClass` | `boolean or undefined` | `true` | @description merge className |
| `buttonType` | `enum` | `"primary"` |  |
| `buttonPreset` | `enum` | `"large"` |  |
| `text` | `string or undefined` |  |  |
| `textPreset` | `enum` |  |  |
| `textColorTheme` | `enum` |  |  |
| `textColor` | `string or undefined` |  |  |
| `iconLeft` | `enum` |  |  |
| `iconLeftColorTheme` | `enum` |  |  |
| `iconLeftColor` | `string or undefined` |  |  |
| `iconLeftSize` | `number or undefined` |  |  |
| `iconRight` | `enum` |  |  |
| `iconRightColorTheme` | `enum` |  |  |
| `iconRightColor` | `string or undefined` |  |  |
| `iconRightSize` | `number or undefined` |  |  |
| `buttonColorTheme` | `enum` |  |  |
| `buttonColor` | `string or undefined` |  |  |
| `buttonColorHover` | `string or undefined` |  |  |
| `buttonColorHoverTheme` | `enum` |  |  |
| `buttonColorActive` | `string or undefined` |  |  |
| `buttonColorActiveTheme` | `enum` |  |  |


## Button.Outline

| Prop | Type | Default | Description |
| ---- | ---- | ------- | ----------- |
| `disabled` | `boolean or undefined` |  | disable button |
| `className` | `string or undefined` |  | @description Text label |
| `onClick` | `MouseEventHandler<HTMLButtonElement> or ((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) or undefined` |  | @description Event onClick |
| `useMergeClass` | `boolean or undefined` | `true` | @description merge className |
| `buttonType` | `enum` | `"primary"` |  |
| `buttonPreset` | `enum` | `"large"` |  |
| `text` | `string or undefined` |  |  |
| `textPreset` | `enum` |  |  |
| `textColorTheme` | `enum` |  |  |
| `textColor` | `string or undefined` |  |  |
| `iconLeft` | `enum` |  |  |
| `iconLeftColorTheme` | `enum` |  |  |
| `iconLeftColor` | `string or undefined` |  |  |
| `iconLeftSize` | `number or undefined` |  |  |
| `iconRight` | `enum` |  |  |
| `iconRightColorTheme` | `enum` |  |  |
| `iconRightColor` | `string or undefined` |  |  |
| `iconRightSize` | `number or undefined` |  |  |
| `buttonColorTheme` | `enum` |  |  |
| `buttonColor` | `string or undefined` |  |  |
| `buttonColorHover` | `string or undefined` |  |  |
| `buttonColorHoverTheme` | `enum` |  |  |
| `buttonColorActive` | `string or undefined` |  |  |
| `buttonColorActiveTheme` | `enum` |  |  |
| `borderWidth` | `number or undefined` |  |  |
| `borderColorTheme` | `enum` |  |  |
| `borderColor` | `string or undefined` |  |  |
| `borderStyle` | `enum` |  |  |


## Button.Link

| Prop | Type | Default | Description |
| ---- | ---- | ------- | ----------- |
| `disabled` | `boolean or undefined` |  | disable button |
| `className` | `string or undefined` |  | @description Text label |
| `useMergeClass` | `boolean or undefined` | `true` | @description merge className |
| `buttonType` | `enum` | `"primary"` |  |
| `buttonPreset` | `enum` | `"large"` |  |
| `text` | `string or undefined` |  |  |
| `textPreset` | `enum` |  |  |
| `textColorTheme` | `enum` |  |  |
| `textColor` | `string or undefined` |  |  |
| `iconLeft` | `enum` |  |  |
| `iconLeftColorTheme` | `enum` |  |  |
| `iconLeftColor` | `string or undefined` |  |  |
| `iconLeftSize` | `number or undefined` |  |  |
| `iconRight` | `enum` |  |  |
| `iconRightColorTheme` | `enum` |  |  |
| `iconRightColor` | `string or undefined` |  |  |
| `iconRightSize` | `number or undefined` |  |  |
| `buttonColorTheme` | `enum` |  |  |
| `buttonColor` | `string or undefined` |  |  |
| `buttonColorHover` | `string or undefined` |  |  |
| `buttonColorHoverTheme` | `enum` |  |  |
| `buttonColorActive` | `string or undefined` |  |  |
| `buttonColorActiveTheme` | `enum` |  |  |
| `onClick` | `((event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) or undefined` |  | @description Event onClick |
| `href` | `string or undefined` |  |  |


## Button.Icon

| Prop | Type | Default | Description |
| ---- | ---- | ------- | ----------- |
| `disabled` | `boolean or undefined` |  | disable button |
| `className` | `string or undefined` |  | @description Text label |
| `onClick` | `MouseEventHandler<HTMLButtonElement> or ((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) or undefined` |  | @description Event onClick |
| `useMergeClass` | `boolean or undefined` | `true` | @description merge className |
| `buttonType` | `enum` | `"primary"` |  |
| `buttonPreset` | `enum` | `"large"` |  |
| `icon` | `enum` |  |  |
| `iconSize` | `number or undefined` |  |  |
| `iconColorTheme` | `enum` |  |  |
| `iconColor` | `string or undefined` |  |  |


## Button.Default