# ez-badge



<!-- Auto Generated Below -->


## Properties

| Property     | Attribute     | Description                                                                                                                                         | Type                                                                                 | Default                                    |
| ------------ | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------ |
| `alignItems` | `align-items` | Define a posição do ícone em relação ao elemento.                                                                                                   | `"center" \| "flex-end" \| "flex-start"`                                             | `"center"`                                 |
| `iconLeft`   | `icon-left`   | Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string`                                                                             | `undefined`                                |
| `iconRight`  | `icon-right`  | Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)  | `string`                                                                             | `undefined`                                |
| `label`      | `label`       | Define o conteúdo textual ou numérico do componente.                                                                                                | `string`                                                                             | `undefined`                                |
| `position`   | --            | Define a posição do ícone em relação ao elemento filho.                                                                                             | `IPosition`                                                                          | `{ horizontal: "right", vertical: "top" }` |
| `size`       | `size`        | Define o tamanho de acordo com o tipo utilizado pelo componente.                                                                                    | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"`                                  |


## Dependencies

### Used by

 - [ez-tile-medium](../ez-tile-medium)

### Depends on

- [ez-icon](../ez-icon)

### Graph
```mermaid
graph TD;
  ez-badge --> ez-icon
  ez-tile-medium --> ez-badge
  style ez-badge fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------