# ez-popup



<!-- Auto Generated Below -->


## Properties

| Property        | Attribute        | Description                                                                                    | Type                                                                 | Default     |
| --------------- | ---------------- | ---------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
| `autoClose`     | `auto-close`     | Define se o popup deve fechar automaticamente ao clicar fora dele.                             | `boolean`                                                            | `true`      |
| `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente                                  | `boolean`                                                            | `true`      |
| `ezTitle`       | `ez-title`       | Texto a ser apresentado como título do componente.                                             | `string`                                                             | `undefined` |
| `footerButtons` | --               | Botões do rodapé do popup. Aceita todas as propriedades do ez-button. Limitado a até 3 botões. | `Partial<EzButtonProps>[]`                                           | `[]`        |
| `heightMode`    | `height-mode`    | Define altura do componente.                                                                   | `"auto" \| "full"`                                                   | `"full"`    |
| `opened`        | `opened`         | Define se o ez-popover está aberto.                                                            | `boolean`                                                            | `false`     |
| `size`          | `size`           | Define a largura do ez-popup.                                                                  | `"auto" \| "large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"`  |
| `useHeader`     | `use-header`     | Define se o componente utilizará cabeçalho.                                                    | `boolean`                                                            | `true`      |


## Events

| Event           | Description                                                      | Type                  |
| --------------- | ---------------------------------------------------------------- | --------------------- |
| `ezClosePopup`  | Evento emitido ao clicar no botão de fechar (onEzClosePopup).    | `CustomEvent<any>`    |
| `ezPopupAction` | Evento emitido ao clicar no botão de fechar (ezPopupAction = OK) | `CustomEvent<string>` |


## Dependencies

### Used by

 - [ez-link-builder](../ez-rich-text/ez-link-builder)
 - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)

### Depends on

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

### Graph
```mermaid
graph TD;
  ez-popup --> ez-button
  ez-button --> ez-icon
  ez-link-builder --> ez-popup
  ez-simple-image-uploader --> ez-popup
  style ez-popup fill:#f9f,stroke:#333,stroke-width:4px
```

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




## CSS Variables
| Variable  | Description | 
 |-|-|
| --ez-popup-z-index | Define a camada em que o componente será exibido. | 
| --ez-popup\_\_container--color | Define a cor do texto do container do popup. | 
| --ez-popup\_\_container--padding | Define o espaçamento do container do popup. | 
| --ez-popup\_\_title--font-family | Define a família da fonte do título do popup. | 
| --ez-popup\_\_title--font-size | Define o tamanho da fonte do título do popup. | 
| --ez-popup\_\_title--color | Define a cor da fonte do título do popup. | 
| --ez-popup\_\_title--font-weight | Define o peso da fonte do título do popup. |