# Tag

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

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

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

```jsx
<Tag>Hello!</Tag>
```

## Props

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

| Name         | Type                    | Default | Description                                                                                          |
| :----------- | :---------------------- | :------ | :--------------------------------------------------------------------------------------------------- |
| **children** | `React.Node`            |         | The content of the Tag.                                                                              |
| dataTest     | `string`                |         | Optional prop for testing purposes.                                                                  |
| onClick      | `() => void \| Promise` |         | Function for handling the onClick event.                                                             |
| onRemove     | `() => void \| Promise` |         | Function for handling the onClick event of the close icon. [See Functional specs](#functional-specs) |
| selected     | `boolean`               | `false` | If `true`, the Tag will have selected styles. [See Functional specs](#functional-specs)              |
| size         | [`enum`](#enum)         | `small` | Size of the Tag.                                                                                     |
| icon         | `React.Node`            |         | The displayed icon on the left.                                                                      |

### enum

| size       |
| :--------- |
| `"small"`  |
| `"normal"` |

## Functional specs

- By passing either the `onRemove` or `selected` the close icon will appear on the right side of the Tag.

- If the Tag has `selected` prop, you need to pass `onRemove` function to able to handle the click on the close icon.