> For the complete documentation index, see [llms.txt](https://help.iviva.com/uxp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.iviva.com/uxp/stable/components/iconbutton.md).

# IconButton

Default set of buttons with icons

## Installation

```tsx
import {IconButton} from 'uxp/components';
```

## Examples

```tsx
<IconButton
     type="search"
     onClick={()=> {alert("Clicked")}}
     className="custom-css-class"
 />
```

## Properties

| Name       | Type                                            | Description                                                       |
| ---------- | ----------------------------------------------- | ----------------------------------------------------------------- |
| type       | [IButtonType](/uxp/stable/types/ibuttontype.md) | button type                                                       |
| active     | boolean                                         | Set button to active state when true                              |
| disabled   | boolean                                         | Set button to disabled state when true                            |
| onClick    | () => void                                      | The callback that gets invoked when the button is clicked.        |
| className  | string                                          | Any extra css classes to apply                                    |
| size       | [IButtonSize](/uxp/stable/types/ibuttonsize.md) | button size. Can be either 'large' or 'small'                     |
| borderless | boolean                                         | set to `true` to prevent a border from being shown for the button |

### type

***

button type

| type                                            |
| ----------------------------------------------- |
| [IButtonType](/uxp/stable/types/ibuttontype.md) |

### active

***

Set button to active state when true

| type    |
| ------- |
| boolean |

### disabled

***

Set button to disabled state when true

| type    |
| ------- |
| boolean |

### onClick

***

The callback that gets invoked when the button is clicked.

| type       |
| ---------- |
| () => void |

### className

***

Any extra css classes to apply

| type   |
| ------ |
| string |

### size

***

button size. Can be either 'large' or 'small'

| type                                            |
| ----------------------------------------------- |
| [IButtonSize](/uxp/stable/types/ibuttonsize.md) |

### borderless

***

set to `true` to prevent a border from being shown for the button

| type    |
| ------- |
| boolean |