# ez-alert-list



<!-- Auto Generated Below -->


## Properties

| Property               | Attribute              | Description                                                | Type                                                           | Default     |
| ---------------------- | ---------------------- | ---------------------------------------------------------- | -------------------------------------------------------------- | ----------- |
| `alerts`               | --                     | Lista de alertas que devem ser apresentados no componente. | `AlertItem[]`                                                  | `[]`        |
| `enableDragAndDrop`    | `enable-drag-and-drop` | Define se o componente pode ser arrastado na tela.         | `boolean`                                                      | `undefined` |
| `enableExpand`         | `enable-expand`        | Define se o componente pode ser expandido.                 | `boolean`                                                      | `true`      |
| `expanded`             | `expanded`             | Define se o componente está expandido.                     | `boolean`                                                      | `false`     |
| `itemRightSlotBuilder` | --                     | Define builder para elementos a direita do componente      | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
| `opened`               | `opened`               | Define se o componente está aberto.                        | `boolean`                                                      | `true`      |


## Dependencies

### Depends on

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

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

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




## CSS Variables
| Variable  | Description | 
 |-|-|
| --ez-alert-list\_\_container--width | Define a largura da lista minimizado  | 
| --ez-alert-list\_\_container--height | Define a altura da lista minimizado  | 
| --ez-alert-list\_\_container--width--expanded | Define a largura da lista maximizada  | 
| --ez-alert-list\_\_container--height--expanded | Define a altura da lista maximizada  | 
| --ez-alert-list\_\_title--font-family | Define a fonte do título do componente  | 
| --ez-alert-list\_\_title--font-size | Define o tamanho da fonte do título do popup. | 
| --ez-alert-list\_\_title--color | Define a cor da fonte do título do popup. | 
| --ez-alert-list\_\_title--font-weight | Define o peso da fonte do título do popup. | 
| --ez-list\_\_item--border-bottom | Define a borda inferior do item da lista.  | 
| --ez-list\_\_item--border-bottom-color | Define a cor da borda inferior do item da lista.  | 
| --ez-list\_\_item--white-space | Define o tipo da quebra de linha do item da lista.  |