# Button

Button is used for a action on a page.

### Usage

```js
import { Button } from "asc-web-components";
```

```jsx
<Button
  size="base"
  isDisabled={false}
  onClick={() => alert("Button clicked")}
  label="OK"
/>
```

### Properties

| Props        |      Type      | Required |         Values          | Default | Description                                           |
| ------------ | :------------: | :------: | :---------------------: | :-----: | ----------------------------------------------------- |
| `className`  |    `string`    |    -     |            -            |    -    | Accepts class                                         |
| `icon`       |     `node`     |    -     |            -            | `null`  | Icon node element                                     |
| `id`         |    `string`    |    -     |            -            |    -    | Accepts id                                            |
| `isClicked`  |     `bool`     |    -     |            -            | `false` | Tells when the button should present a clicked state  |
| `isDisabled` |     `bool`     |    -     |            -            | `false` | Tells when the button should present a disabled state |
| `isHovered`  |     `bool`     |    -     |            -            | `false` | Tells when the button should present a hovered state  |
| `isLoading`  |     `bool`     |    -     |            -            | `false` | Tells when the button should show loader icon         |
| `label`      |    `string`    |    -     |            -            |    -    | Button text                                           |
| `onClick`    |     `func`     |    -     |            -            |    -    | What the button will trigger when clicked             |
| `primary`    |     `bool`     |    -     |            -            | `false` | Tells when the button should be primary               |
| `scale`      |     `bool`     |    -     |            -            | `false` | Scale width of button to 100%                         |
| `size`       |    `oneOf`     |    -     | `base`, `middle`, `big`, `large` | `base`  | Size of button                                        |
| `style`      | `obj`, `array` |    -     |            -            |    -    | Accepts css style                                     |
| `tabIndex`   |    `number`    |    -     |            -            |  `-1`   | Button tab index                                      |
| `minWidth`   |    `string`    |    -     |            -            |  `null` | Sets the min width of the button                  |