# ez-avatar



<!-- Auto Generated Below -->


## Properties

| Property        | Attribute        | Description                                                                                                                                                                                   | Type                                                                                                                       | Default     |
| --------------- | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `iconName`      | `icon-name`      | Nome do ícone que deve ser exibido no avatar.                                                                                                                                                 | `string`                                                                                                                   | `undefined` |
| `imageSrc`      | `image-src`      | URL da imagem do Avatar.                                                                                                                                                                      | `string`                                                                                                                   | `undefined` |
| `isInteractive` | `is-interactive` | Se true, o Avatar será interativo. Caso contrário, será estático.                                                                                                                             | `boolean`                                                                                                                  | `false`     |
| `name`          | `name`           | Nome do usuário para exibição da inicial.                                                                                                                                                     | `string`                                                                                                                   | `undefined` |
| `shape`         | `shape`          | Define o formato do Avatar: 'circle' ou 'square'.                                                                                                                                             | `"circle" \| "square"`                                                                                                     | `'circle'`  |
| `size`          | `size`           | Tamanho do Avatar (valores permitidos): '320x320', '300x300', '280x280', '260x260', '240x240', '220x220', '200x200', '180x180', '160x160', '140x140', '120x120', '100x100', '80x80', '60x60'. | `"100" \| "120" \| "140" \| "160" \| "180" \| "200" \| "220" \| "240" \| "260" \| "280" \| "300" \| "320" \| "60" \| "80"` | `'100'`     |


## Dependencies

### Used by

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

### Depends on

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

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

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