@sankhyalabs/ezui-docs 6.1.0-dev.30 → 6.1.0-dev.31
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.
|
@@ -7,24 +7,30 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ------------------------ | --------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
|
|
12
|
-
| `disableAutoUpdateValue` | `disable-auto-update-value` | Desabilita a alteração da propriedade value ao clicar. | `boolean`
|
|
13
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o ez-chip. | `boolean`
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | --------------------------- | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------- |
|
|
12
|
+
| `disableAutoUpdateValue` | `disable-auto-update-value` | Desabilita a alteração da propriedade value ao clicar. | `boolean` | `false` |
|
|
13
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o ez-chip. | `boolean` | `true` |
|
|
14
|
+
| `iconNameLeft` | `icon-name-left` | Define o icone esquerdo. | `string` | `undefined` |
|
|
15
|
+
| `iconNameRight` | `icon-name-right` | Define o icone direito. | `string` | `undefined` |
|
|
16
|
+
| `label` | `label` | Texto a ser apresentado como título do ez-chip. | `string` | `undefined` |
|
|
17
|
+
| `maxWidth` | `max-width` | Define o tamanho máximo do chip. | `string` | `undefined` |
|
|
18
|
+
| `mode` | `mode` | Define o modo de uso do ez-chip. | `"action" \| "label"` | `undefined` |
|
|
19
|
+
| `removePosition` | `remove-position` | Determina o posicionamento do botão de remover (não disponível no modo `action`). Se não informado, não exibe o botão. | `"left" \| "right"` | `undefined` |
|
|
20
|
+
| `showNativeTooltip` | `show-native-tooltip` | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento. | `boolean` | `false` |
|
|
21
|
+
| `size` | `size` | Define o tamanho do chip. | `"default" \| "large" \| "medium"` | `'default'` |
|
|
22
|
+
| `type` | `type` | Define o tipo de estilização do chip. | `"primary" \| "secondary"` | `'primary'` |
|
|
23
|
+
| `value` | `value` | Define o valor do ez-chip. | `boolean` | `false` |
|
|
19
24
|
|
|
20
25
|
|
|
21
26
|
## Events
|
|
22
27
|
|
|
23
|
-
| Event | Description | Type
|
|
24
|
-
| ------------- | ----------------------------------------------------------- |
|
|
25
|
-
| `actionClick` | Emitido no modo "action" quando o usuário clica no ez-chip. | `CustomEvent<void>`
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
28
|
+
| Event | Description | Type |
|
|
29
|
+
| ------------- | ----------------------------------------------------------- | ------------------------------------------- |
|
|
30
|
+
| `actionClick` | Emitido no modo "action" quando o usuário clica no ez-chip. | `CustomEvent<void>` |
|
|
31
|
+
| `iconClick` | Emitido quando o icone é acionado. | `CustomEvent<{ icon: "left" \| "right"; }>` |
|
|
32
|
+
| `removeChip` | Emitido quando o botão de remoção é acionado. | `CustomEvent<void>` |
|
|
33
|
+
| `valueChange` | Emitido quando acontece a alteração de valor do ez-chip. | `CustomEvent<boolean>` |
|
|
28
34
|
|
|
29
35
|
|
|
30
36
|
## Methods
|
|
@@ -54,11 +60,13 @@ Type: `Promise<void>`
|
|
|
54
60
|
|
|
55
61
|
### Depends on
|
|
56
62
|
|
|
63
|
+
- [ez-tooltip](../ez-tooltip)
|
|
57
64
|
- [ez-icon](../ez-icon)
|
|
58
65
|
|
|
59
66
|
### Graph
|
|
60
67
|
```mermaid
|
|
61
68
|
graph TD;
|
|
69
|
+
ez-chip --> ez-tooltip
|
|
62
70
|
ez-chip --> ez-icon
|
|
63
71
|
style ez-chip fill:#f9f,stroke:#333,stroke-width:4px
|
|
64
72
|
```
|
|
@@ -75,19 +83,19 @@ graph TD;
|
|
|
75
83
|
| --ez-label-chip\_\_label--font-size | Define o tamanho do label. |
|
|
76
84
|
| --ez-label-chip\_\_label--font-family | Define a família da fonte do label. |
|
|
77
85
|
| --ez-label-chip\_\_label--font-weight | Define o peso da fonte do label. |
|
|
78
|
-
| --ez-label-chip\_\
|
|
79
|
-
| --ez-label-chip\_\_label--
|
|
80
|
-
| --ez-label-chip\_\_label--
|
|
86
|
+
| --ez-label-chip\_\_horizontal-padding | Define o espaçamento do label. |
|
|
87
|
+
| --ez-label-chip\_\_label--text--primary | Define a cor do texto. |
|
|
88
|
+
| --ez-label-chip\_\_label--icon--primary | Define a cor do ícone. |
|
|
81
89
|
| --ez-label-chip\_\_label\_\_container--border-radius | Define o raio da borda do container do chip. |
|
|
82
90
|
| --ez-label-chip\_\_label\_\_container--border | Define o estilo da borda do container. |
|
|
83
91
|
| --ez-label-chip\_\_label\_\_container--border-color-strokes | Define a cor da borda do container. |
|
|
84
92
|
| --ez-label-chip\_\_label\_\_container--color-primary | Define a cor do texto, do ícone do label e do botão de remoção (quando o chip está ativo). |
|
|
85
93
|
| --ez-label-chip\_\_label\_\_container-color--disable-secondary | Define a cor da borda e do fundo quando o chip está desativado. |
|
|
86
|
-
| --ez-label-chip\_\_label\_\_container--background-color | Define a cor de fundo do container
|
|
94
|
+
| --ez-label-chip\_\_label\_\_container--background-color | Define a cor de fundo do container. |
|
|
87
95
|
| --ez-label-chip\_\_label\_\_container--border-color | Define a cor da borda do container quando ativo. |
|
|
88
|
-
| --ez-label-chip\_\_label\_\_container--
|
|
89
|
-
| --ez-label-chip\_\_label\_\_container--default--background-color--
|
|
90
|
-
| --ez-label-chip\_\_label\_\_container--default--color--
|
|
96
|
+
| --ez-label-chip\_\_label\_\_container--border-color-active | Define a cor da borda do container quando ativo. |
|
|
97
|
+
| --ez-label-chip\_\_label\_\_container--default--background-color--active | Define a cor do fundo do container quando o cursor está ativo. |
|
|
98
|
+
| --ez-label-chip\_\_label\_\_container--default--color--active | Define a cor do texto quando o cursor está sobre ele. |
|
|
91
99
|
| --ez-label-chip\_\_label\_\_container--text--disabled | Define a cor do texto e do ícone quando o chip está desabilitado. |
|
|
92
100
|
| --ez-label-chip\_\_label\_\_container--default--border-color--active | Define a cor da borda quando o componente está ativo. |
|
|
93
101
|
| --ez-label-chip\_\_label\_\_container--default--margin-top | Define a margem superior. |
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
### Used by
|
|
26
26
|
|
|
27
|
+
- [ez-chip](../ez-chip)
|
|
27
28
|
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
28
29
|
- [ez-text-area](../ez-text-area)
|
|
29
30
|
- [ez-text-input](../ez-text-input)
|
|
@@ -31,6 +32,7 @@
|
|
|
31
32
|
### Graph
|
|
32
33
|
```mermaid
|
|
33
34
|
graph TD;
|
|
35
|
+
ez-chip --> ez-tooltip
|
|
34
36
|
ez-simple-image-uploader --> ez-tooltip
|
|
35
37
|
ez-text-area --> ez-tooltip
|
|
36
38
|
ez-text-input --> ez-tooltip
|