# ButtonIcon API

## Import

```jsx
import { ButtonIcon } from "@hdoc/react-button";
```

## Props

All props are optional unless otherwise specified.

`icon` (required)

The name of the icon to display.

Type: `string`

---

`iconVariant`

The variant of the icon.

Type: `'outlined' | 'round' | 'sharp' | 'two-tone'`

---

`variant`

The variant of the button.

Type: `'outline' | 'text'`

---

`disableShadow`

Whether the shadow is disabled.

Type: `boolean`

---

`disabled`

Whether the button is disabled.

Type: `boolean`

---

`size`

Size for the button.

Type: `'small' | 'large'`

---

`color`

The color variant of the button.

Type: `'primary' | 'secondary' | 'danger'`

---

`className`

Additional class names for extending styles.

Type: `string`

## CSS classes

`.button`

The base styles for the button

---

`.button--icon`

Stylize the button to fit an icon

---

`.button--small`

Styles for small variant

---

`.button--large`

Styles for large variant

---

`.button--outline`

Styles for outline variant

---

`.button--text`

Styles for text variant

---

`.button--primary`

Styles for the primary variant

---

`.button--secondary`

Styles for the secondary variant

---

`.button--danger`

Styles for the danger variant