# ez-modal-container



<!-- Auto Generated Below -->


## Properties

| Property             | Attribute              | Description                                                      | Type                                  | Default     |
| -------------------- | ---------------------- | ---------------------------------------------------------------- | ------------------------------------- | ----------- |
| `autoFocus`          | `auto-focus`           | Se true o modal container receberá o foco ao ser renderizado.    | `boolean`                             | `false`     |
| `cancelButtonLabel`  | `cancel-button-label`  | Define o texto do botão de cancelamento.                         | `string`                              | `undefined` |
| `cancelButtonStatus` | `cancel-button-status` | Define o estado do botão de cancelamento.                        | `"DISABLED" \| "ENABLED" \| "HIDDEN"` | `undefined` |
| `modalSubTitle`      | `modal-sub-title`      | Texto do subtítulo, geralmente usado para orientação do usuário. | `string`                              | `undefined` |
| `modalTitle`         | `modal-title`          | Texto a ser apresentado como título do modal.                    | `string`                              | `undefined` |
| `okButtonLabel`      | `ok-button-label`      | Determina o texto do botão de confirmação.                       | `string`                              | `undefined` |
| `okButtonStatus`     | `ok-button-status`     | Define o estado do botão de confirmação.                         | `"DISABLED" \| "ENABLED" \| "HIDDEN"` | `undefined` |
| `showCloseButton`    | `show-close-button`    | Define a visibilidade do botão de fechar.                        | `boolean`                             | `true`      |
| `showTitleBar`       | `show-title-bar`       | Define se o cabeçalho será mostrado.                             | `boolean`                             | `true`      |


## Events

| Event           | Description                                                                                                                                                                                                                                                              | Type                  |
| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------- |
| `ezModalAction` | Representa a interação com o usuário. OK - Quando o botão é acionado CANCEL - Quando o botão de cancelar é acionado CLOSE - Quando o botão de fechar é acionado. LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico) | `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-icon](../ez-icon)
- [ez-button](../ez-button)

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

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