@sankhyalabs/ezui-docs 2.10.0 → 2.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
# ez-dropdown
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------- | --------- | -------------------------------------------------------------------------------- | ------------------------------------------------ | ----------- |
|
|
12
|
+
| `itemBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. | `(item: IDropdownItem, level: number) => string` | `undefined` |
|
|
13
|
+
| `items` | -- | Lista de itens que vão ser apresentados no dropdown. | `IDropdownItem[]` | `[]` |
|
|
14
|
+
| `value` | -- | Último item que recebeu o click. | `IDropdownItem` | `undefined` |
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## Events
|
|
18
|
+
|
|
19
|
+
| Event | Description | Type |
|
|
20
|
+
| ------------------ | ------------------------------------------------------------------------------------------------------------------------------ | --------------------------------- |
|
|
21
|
+
| `ezClick` | Emitido quando ocorrer um click em um item da lista, o IDropdownItem que recebeu o click deve ser enviado como data do evento. | `CustomEvent<IDropdownItem>` |
|
|
22
|
+
| `ezSubActionClick` | Emitido quando ocorrer um click em uma ação secundaria do item, o IDropdownSubAction deve ser enviado como data do evento. | `CustomEvent<IDropdownSubAction>` |
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## Dependencies
|
|
26
|
+
|
|
27
|
+
### Depends on
|
|
28
|
+
|
|
29
|
+
- [ez-icon](../ez-icon)
|
|
30
|
+
|
|
31
|
+
### Graph
|
|
32
|
+
```mermaid
|
|
33
|
+
graph TD;
|
|
34
|
+
ez-dropdown --> ez-icon
|
|
35
|
+
style ez-dropdown fill:#f9f,stroke:#333,stroke-width:4px
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
----------------------------------------------
|
|
39
|
+
|
|
40
|
+
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
- [ez-collapsible-box](../ez-collapsible-box)
|
|
27
27
|
- [ez-combo-box](../ez-combo-box)
|
|
28
28
|
- [ez-dialog](../ez-dialog)
|
|
29
|
+
- [ez-dropdown](../ez-dropdown)
|
|
29
30
|
- [ez-file-item](../ez-file-item)
|
|
30
31
|
- [ez-filter-input](../ez-filter-input)
|
|
31
32
|
- [ez-modal-container](../ez-modal-container)
|
|
@@ -44,6 +45,7 @@ graph TD;
|
|
|
44
45
|
ez-collapsible-box --> ez-icon
|
|
45
46
|
ez-combo-box --> ez-icon
|
|
46
47
|
ez-dialog --> ez-icon
|
|
48
|
+
ez-dropdown --> ez-icon
|
|
47
49
|
ez-file-item --> ez-icon
|
|
48
50
|
ez-filter-input --> ez-icon
|
|
49
51
|
ez-modal-container --> ez-icon
|