# ez-alert



<!-- Auto Generated Below -->


## Properties

| Property    | Attribute    | Description                                            | Type                                | Default     |
| ----------- | ------------ | ------------------------------------------------------ | ----------------------------------- | ----------- |
| `alertType` | `alert-type` | Define a cor e o ícone a serem exibidos no componente. | `"critical" \| "success" \| "warn"` | `'success'` |


## Dependencies

### Depends on

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

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

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




## CSS Variables
| Variable  | Description | 
 |-|-|
| --ez-alert-alert-container--padding-up-down | Define o raio do padding interno para cima e para baixo. | 
| --ez-alert-alert-container--padding-right-left | Define o raio do padding interno para a esquerda e para a direita. | 
| --ez-alert-alert-container--gap | Define o espaçamento entre os elementos internos | 
| --ez-alert-alert-container--border-radius | Define o raio da borda do corpo do Alert. | 
| --ez-alert-alert-container--font-color-warn | Define a cor da fonte no estilo Warn. | 
| --ez-alert-alert-container--icon-warn | Define a cor do ícone no estilo Warn. | 
| --ez-alert-alert-container--background-color-warn | Define a cor do background no estilo Warn. | 
| --ez-alert-alert-container--font-color-critical | Define a cor da fonte no estilo Critical. | 
| --ez-alert-alert-container--icon-critical | Define a cor do ícone no estilo Critical. | 
| --ez-alert-alert-container--background-color-critical | Define a cor do background no estilo Critical. | 
| --ez-alert-alert-container--font-color-success | Define a cor da fonte no estilo Success. | 
| --ez-alert-alert-container--icon-success | Define a cor do ícone no estilo Success. | 
| --ez-alert-alert-container--background-color-success | Define a cor do background no estilo Success. |