# ez-actions-button



<!-- Auto Generated Below -->


## Properties

| Property        | Attribute        | Description                                                                                       | Type                             | Default     |
| --------------- | ---------------- | ------------------------------------------------------------------------------------------------- | -------------------------------- | ----------- |
| `actions`       | --               | Define a lista de ações. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IAction[]`                      | `undefined` |
| `arrowActive`   | `arrow-active`   | Se true a seta de ordenação será apresentada.                                                     | `boolean`                        | `false`     |
| `checkOption`   | `check-option`   | Se true o check será apresentado para os itens.                                                   | `boolean`                        | `false`     |
| `displayIcon`   | `display-icon`   | Define o ícone do componente.                                                                     | `string`                         | `undefined` |
| `enabled`       | `enabled`        | Se false o usuário não pode interagir com o componente.                                           | `boolean`                        | `true`      |
| `isTransparent` | `is-transparent` | Se true o background será transparent.                                                            | `boolean`                        | `false`     |
| `showLabel`     | `show-label`     | Se true o label será apresentado.                                                                 | `boolean`                        | `false`     |
| `size`          | `size`           | Determina o tamanho do ez-action-button.                                                          | `"large" \| "medium" \| "small"` | `"medium"`  |
| `value`         | `value`          | Define o valor do componente.                                                                     | `string`                         | `undefined` |


## Events

| Event                         | Description                                     | Type                       |
| ----------------------------- | ----------------------------------------------- | -------------------------- |
| `ezAction`                    | Emitido ao acionar uma ação.                    | `CustomEvent<IAction>`     |
| `ezDisconnectedActionButtons` | Emitido quando componente é desconectado da DOM | `CustomEvent<void>`        |
| `ezPopoverOpen`               | Emitido ao mostrar a lista de ações             | `CustomEvent<HTMLElement>` |


## Methods

### `hideActions() => Promise<void>`

Oculta a lista de ações.

#### Returns

Type: `Promise<void>`

---

### `isOpened() => Promise<boolean>`

Verifica se a lista de ações está aberta.

#### Returns

Type: `Promise<boolean>`

---

### `showActions() => Promise<void>`

Apresenta a lista de ações.

#### Returns

Type: `Promise<void>`




## Dependencies

### Depends on

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

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

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




## CSS Variables
| Variable  | Description | 
 |-|-|
| --ez-actions-button\_\_actions-list--border-radius | Define o raio da borda do popover. | 
| --ez-actions-button\_\_actions-list--box-shadow | Define a sombra do popover. | 
| --ez-actions-button\_\_actions-list--background-color | Define a cor de fundo do popover. | 
| --ez-actions-button\_\_actions-list--padding | Define o espaçamento interno do popover | 
| --ez-actions-button\_\_actions-list--top-margin | Define a distancia entre o botão e o popover | 
| --ez-actions-button\_\_actions-list--z-index | Define a elevação do popover. | 
| --ez-actions-button\_\_actions-max-height | Define a altura máxima do popover. | 
| --ez-actions-button\_\_btn-action--min-width | Define a largura mínima do popover | 
| --ez-actions-button\_\_btn-action--background-color | Define a cor de fundo do popover |