# NotificationBadge

To implement NotificationBadge component into your project you'll need to add the import:

```jsx
import NotificationBadge from "@kiwicom/orbit-components/lib/NotificationBadge";
```

After adding import into your project you can use it simply like:

```jsx
<NotificationBadge>3</NotificationBadge>
```

## Props

Table below contains all types of the props available in NotificationBadge component.

| Name      | Type            | Default     | Description                                                                                    |
| :-------- | :-------------- | :---------- | :--------------------------------------------------------------------------------------------- |
| children  | `React.Node`    |             | The content of the NotificationBadge.                                                          |
| dataTest  | `string`        |             | Optional prop for testing purposes.                                                            |
| icon      | `React.Node`    |             | This property has higher priority than children. If `icon` is passed the children wont appear. |
| type      | [`enum`](#enum) | `"neutral"` | The color type of the NotificationBadge.                                                       |
| ariaLabel | `string`        |             | Adds prop adds `aria-label` to an element, useful for screenreaders.                           |

### enum

| type                 |
| :------------------- |
| `"neutral"`          |
| `"dark"`             |
| `"info"`             |
| `"success"`          |
| `"warning"`          |
| `"critical"`         |
| `"infoInverted"`     |
| `"criticalInverted"` |