# `m-icon-button`

Buttons are key interactive elements used to perform actions and can be used as standalone element, or as part of another component. Their appearance depends on the type of action required from the user and the context in which they are used.

## Props

| Name | Description | Type | Default |
|------|-------------|------|---------|
| `appearance` | Defines the visual style of the icon button. | `'standard'` `'accent'` `'danger'` `'inverse'` | `standard` |
| `size` | Determines the size of the icon button. | `'s'` `'m'` `'l'` | `m` |
| `disabled` | If `true`, disables the icon button, making it non-interactive. | `boolean` |   |
| `ghost` | If `true`, applies a "ghost" style to the icon button. | `boolean` |   |
| `outlined` | If `true`, the icon button gets an outlined style. | `boolean` |   |
| `isloading` | If `true`, a loading state is displayed. | `boolean` |   |
| `type` | Specifies the button's HTML `type` attribute. | `'button'` `'reset'` `'submit'` | `button` |

## Slots

| Name | Description |
|------|-------------|
| `icon` | Use this slot to insert an icon for the Button. |

