# ez-modal ## Properties | Property | Attribute | Description | Type | Default | | ------------------- | --------------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------- | ----------- | | `align` | `align` | Define o alinhamento do ez-modal. | `"left" \| "right"` | `undefined` | | `closeEsc` | `close-esc` | Define se o ez-modal será fechado ao clicar `ESC`. | `boolean` | `false` | | `closeOutsideClick` | `close-outside-click` | Define se o modal será fechado ao clicar fora do conteúdo. | `boolean` | `false` | | `closeOutsideLeave` | `close-outside-leave` | Define se o modal será fechado se o mouse sair para fora do conteúdo. | `boolean` | `false` | | `heightMode` | `height-mode` | Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espaço disponível. | `"full" \| "regular"` | `"regular"` | | `modalSize` | `modal-size` | Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`. | `string` | `undefined` | | `opened` | `opened` | Define se o ez-modal está aberto. | `boolean` | `true` | | `scrim` | `scrim` | Define o tipo de scrim a ser aplicado no overlay do modal | `"light" \| "medium" \| "none"` | `"medium"` | ## Events | Event | Description | Type | | --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------- | | `ezCloseModal` | Emitido quando o modal é fechado. | `CustomEvent` | | `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` | | `ezOpenModal` | Emitido quando o modal é aberto. | `CustomEvent` | ---------------------------------------------- ## CSS Variables | Variable | Description | |-|-| | --ez-modal-z-index | Define a camada em que o componente será exibido. | | --ez-modal-vertical-padding | Define o espaçamento vertical do conteúdo do modal. | | --ez-modal-content-padding | Define o padding entre o conteúdo e o modal |