# ez-file-item



<!-- Auto Generated Below -->


## Properties

| Property    | Attribute    | Description                                                            | Type      | Default     |
| ----------- | ------------ | ---------------------------------------------------------------------- | --------- | ----------- |
| `canRemove` | `can-remove` | Define se o usuário pode remover o arquivo que está sendo apresentado. | `boolean` | `true`      |
| `fileName`  | `file-name`  | Define o nome do arquivo, com extensão.                                | `string`  | `undefined` |
| `fileSize`  | `file-size`  | Tamanho do arquivo (em bytes).                                         | `number`  | `undefined` |
| `iconName`  | `icon-name`  | Define qual ícone que representa o arquivo.                            | `string`  | `undefined` |
| `progress`  | `progress`   | Percentual de carregamento do arquivo para o servidor.                 | `number`  | `100`       |


## Events

| Event      | Description                                                      | Type                  |
| ---------- | ---------------------------------------------------------------- | --------------------- |
| `ezClick`  | Emitido ao clicar no ez-file-input (exceto no botão de remover). | `CustomEvent<string>` |
| `ezRemove` | Emitido ao clicar no botão de remover.                           | `CustomEvent<string>` |


## Dependencies

### Depends on

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

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

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




## CSS Variables
| Variable  | Description | 
 |-|-|
| --ez-file-item--height | Define a altura do componente. | 
| --ez-file-item--padding | Define espaçamento interno do componente. | 
| --ez-file-item--border-radius | Define o arredondamento dos retangulos. | 
| --ez-file-item--border-color | Define a cor da borda. | 
| --ez-file-item--border-style | Define largura e estilo da borda. | 
| --ez-file-item--font-family | Define a família da fonte. | 
| --ez-file-item--font-size | Define o tamanho da fonte. | 
| --ez-file-item--font-weight | Define o peso da fonte. | 
| --ez-file-item--color | Define a cor da fonte. | 
| --ez-file-item\_\_file-size--font-weight | Define o peso da fonte do tamanho do arquivo. | 
| --ez-file-item\_\_file-size--color | Define o peso da fonte do tamanho do arquivo. | 
| --ez-file-item--icon-color | Define a cor do ícone. |