@sankhyalabs/ezui-docs 6.1.0-dev.3 → 6.1.0-dev.30
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.
- package/components/ez-actions-button/readme.md +14 -0
- package/components/ez-alert/readme.md +18 -0
- package/components/ez-alert-list/readme.md +16 -0
- package/components/ez-avatar/readme.md +5 -0
- package/components/ez-badge/readme.md +5 -0
- package/components/ez-breadcrumb/readme.md +8 -0
- package/components/ez-button/readme.md +37 -0
- package/components/ez-calendar/readme.md +34 -0
- package/components/ez-card-item/readme.md +17 -0
- package/components/ez-check/readme.md +47 -0
- package/components/ez-chip/readme.md +34 -8
- package/components/ez-collapsible-box/readme.md +20 -0
- package/components/ez-combo-box/ez-combo-box-list/readme.md +11 -11
- package/components/ez-combo-box/readme.md +23 -22
- package/components/ez-date-input/readme.md +8 -0
- package/components/ez-date-time-input/readme.md +8 -0
- package/components/ez-dialog/readme.md +26 -0
- package/components/ez-dropdown/readme.md +41 -0
- package/components/ez-empty-card/readme.md +29 -0
- package/components/ez-file-item/readme.md +17 -0
- package/components/ez-form/readme.md +25 -0
- package/components/ez-form-view/readme.md +36 -1
- package/components/ez-grid/readme.md +14 -0
- package/components/ez-guide-navigator/readme.md +13 -0
- package/components/ez-icon/readme.md +16 -0
- package/components/ez-list/readme.md +37 -0
- package/components/ez-modal/readme.md +8 -0
- package/components/ez-modal-container/readme.md +7 -0
- package/components/ez-number-input/readme.md +7 -0
- package/components/ez-popover/readme.md +9 -0
- package/components/ez-popup/readme.md +30 -0
- package/components/ez-radio-button/readme.md +30 -0
- package/components/ez-rich-text/ez-link-builder/readme.md +69 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-arrows/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-configs/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item/readme.md +49 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-letters/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/readme.md +54 -0
- package/components/ez-rich-text/ez-simple-image-uploader/readme.md +78 -0
- package/components/ez-rich-text/readme.md +121 -0
- package/components/ez-scroller/readme.md +14 -0
- package/components/ez-search/readme.md +30 -0
- package/components/ez-search-plus/readme.md +40 -0
- package/components/ez-sidebar-button/readme.md +17 -0
- package/components/ez-sidebar-navigator/readme.md +19 -0
- package/components/ez-sortable-list/readme.md +32 -16
- package/components/ez-split-button/readme.md +42 -13
- package/components/ez-tabselector/readme.md +7 -0
- package/components/ez-tag/readme.md +34 -0
- package/components/ez-text-area/readme.md +47 -1
- package/components/ez-text-input/readme.md +46 -0
- package/components/ez-tile/readme.md +89 -0
- package/components/ez-tile-medium/readme.md +97 -0
- package/components/ez-toast/readme.md +12 -0
- package/components/ez-tooltip/readme.md +4 -0
- package/components/ez-tree/readme.md +31 -0
- package/components/ez-underface/readme.md +29 -0
- package/components/ez-upload/readme.md +22 -0
- package/package.json +1 -1
|
@@ -81,3 +81,17 @@ graph TD;
|
|
|
81
81
|
----------------------------------------------
|
|
82
82
|
|
|
83
83
|
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
## CSS Variables
|
|
87
|
+
| Variable | Description |
|
|
88
|
+
|-|-|
|
|
89
|
+
| --ez-actions-button\_\_actions-list--border-radius | Define o raio da borda do popover. |
|
|
90
|
+
| --ez-actions-button\_\_actions-list--box-shadow | Define a sombra do popover. |
|
|
91
|
+
| --ez-actions-button\_\_actions-list--background-color | Define a cor de fundo do popover. |
|
|
92
|
+
| --ez-actions-button\_\_actions-list--padding | Define o espaçamento interno do popover |
|
|
93
|
+
| --ez-actions-button\_\_actions-list--top-margin | Define a distancia entre o botão e o popover |
|
|
94
|
+
| --ez-actions-button\_\_actions-list--z-index | Define a elevação do popover. |
|
|
95
|
+
| --ez-actions-button\_\_actions-max-height | Define a altura máxima do popover. |
|
|
96
|
+
| --ez-actions-button\_\_btn-action--min-width | Define a largura mínima do popover |
|
|
97
|
+
| --ez-actions-button\_\_btn-action--background-color | Define a cor de fundo do popover |
|
|
@@ -28,3 +28,21 @@ graph TD;
|
|
|
28
28
|
----------------------------------------------
|
|
29
29
|
|
|
30
30
|
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
## CSS Variables
|
|
34
|
+
| Variable | Description |
|
|
35
|
+
|-|-|
|
|
36
|
+
| --ez-alert-alert-container--padding-up-down | Define o raio do padding interno para cima e para baixo. |
|
|
37
|
+
| --ez-alert-alert-container--padding-right-left | Define o raio do padding interno para a esquerda e para a direita. |
|
|
38
|
+
| --ez-alert-alert-container--gap | Define o espaçamento entre os elementos internos |
|
|
39
|
+
| --ez-alert-alert-container--border-radius | Define o raio da borda do corpo do Alert. |
|
|
40
|
+
| --ez-alert-alert-container--font-color-warn | Define a cor da fonte no estilo Warn. |
|
|
41
|
+
| --ez-alert-alert-container--icon-warn | Define a cor do ícone no estilo Warn. |
|
|
42
|
+
| --ez-alert-alert-container--background-color-warn | Define a cor do background no estilo Warn. |
|
|
43
|
+
| --ez-alert-alert-container--font-color-critical | Define a cor da fonte no estilo Critical. |
|
|
44
|
+
| --ez-alert-alert-container--icon-critical | Define a cor do ícone no estilo Critical. |
|
|
45
|
+
| --ez-alert-alert-container--background-color-critical | Define a cor do background no estilo Critical. |
|
|
46
|
+
| --ez-alert-alert-container--font-color-success | Define a cor da fonte no estilo Success. |
|
|
47
|
+
| --ez-alert-alert-container--icon-success | Define a cor do ícone no estilo Success. |
|
|
48
|
+
| --ez-alert-alert-container--background-color-success | Define a cor do background no estilo Success. |
|
|
@@ -37,3 +37,19 @@ graph TD;
|
|
|
37
37
|
----------------------------------------------
|
|
38
38
|
|
|
39
39
|
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
## CSS Variables
|
|
43
|
+
| Variable | Description |
|
|
44
|
+
|-|-|
|
|
45
|
+
| --ez-alert-list\_\_container--width | Define a largura da lista minimizado |
|
|
46
|
+
| --ez-alert-list\_\_container--height | Define a altura da lista minimizado |
|
|
47
|
+
| --ez-alert-list\_\_container--width--expanded | Define a largura da lista maximizada |
|
|
48
|
+
| --ez-alert-list\_\_container--height--expanded | Define a altura da lista maximizada |
|
|
49
|
+
| --ez-alert-list\_\_title--font-family | Define a fonte do título do componente |
|
|
50
|
+
| --ez-alert-list\_\_title--font-size | Define o tamanho da fonte do título do popup. |
|
|
51
|
+
| --ez-alert-list\_\_title--color | Define a cor da fonte do título do popup. |
|
|
52
|
+
| --ez-alert-list\_\_title--font-weight | Define o peso da fonte do título do popup. |
|
|
53
|
+
| --ez-list\_\_item--border-bottom | Define a borda inferior do item da lista. |
|
|
54
|
+
| --ez-list\_\_item--border-bottom-color | Define a cor da borda inferior do item da lista. |
|
|
55
|
+
| --ez-list\_\_item--white-space | Define o tipo da quebra de linha do item da lista. |
|
|
@@ -18,6 +18,10 @@
|
|
|
18
18
|
|
|
19
19
|
## Dependencies
|
|
20
20
|
|
|
21
|
+
### Used by
|
|
22
|
+
|
|
23
|
+
- [ez-tile-medium](../ez-tile-medium)
|
|
24
|
+
|
|
21
25
|
### Depends on
|
|
22
26
|
|
|
23
27
|
- [ez-icon](../ez-icon)
|
|
@@ -26,6 +30,7 @@
|
|
|
26
30
|
```mermaid
|
|
27
31
|
graph TD;
|
|
28
32
|
ez-avatar --> ez-icon
|
|
33
|
+
ez-tile-medium --> ez-avatar
|
|
29
34
|
style ez-avatar fill:#f9f,stroke:#333,stroke-width:4px
|
|
30
35
|
```
|
|
31
36
|
|
|
@@ -19,6 +19,10 @@
|
|
|
19
19
|
|
|
20
20
|
## Dependencies
|
|
21
21
|
|
|
22
|
+
### Used by
|
|
23
|
+
|
|
24
|
+
- [ez-tile-medium](../ez-tile-medium)
|
|
25
|
+
|
|
22
26
|
### Depends on
|
|
23
27
|
|
|
24
28
|
- [ez-icon](../ez-icon)
|
|
@@ -27,6 +31,7 @@
|
|
|
27
31
|
```mermaid
|
|
28
32
|
graph TD;
|
|
29
33
|
ez-badge --> ez-icon
|
|
34
|
+
ez-tile-medium --> ez-badge
|
|
30
35
|
style ez-badge fill:#f9f,stroke:#333,stroke-width:4px
|
|
31
36
|
```
|
|
32
37
|
|
|
@@ -42,3 +42,11 @@ graph TD;
|
|
|
42
42
|
----------------------------------------------
|
|
43
43
|
|
|
44
44
|
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
## CSS Variables
|
|
48
|
+
| Variable | Description |
|
|
49
|
+
|-|-|
|
|
50
|
+
| --breadcrumb\_\_item--label--color--title-primary | Define a cor da fonte do link, com exceção do último. |
|
|
51
|
+
| --breadcrumb\_\_item--label--color--active | Define a cor da fonte do último link |
|
|
52
|
+
| --breadcrumb\_\_item--label--font-weight | Define o peso da fonte. |
|
|
@@ -54,6 +54,7 @@ Type: `Promise<void>`
|
|
|
54
54
|
- [ez-sidebar-navigator](../ez-sidebar-navigator)
|
|
55
55
|
- [ez-split-item](../ez-split-panel/structure/item)
|
|
56
56
|
- [ez-text-edit](../ez-text-edit)
|
|
57
|
+
- [ez-tile-medium](../ez-tile-medium)
|
|
57
58
|
- [filter-column](../ez-grid/subcomponents)
|
|
58
59
|
|
|
59
60
|
### Depends on
|
|
@@ -74,6 +75,7 @@ graph TD;
|
|
|
74
75
|
ez-sidebar-navigator --> ez-button
|
|
75
76
|
ez-split-item --> ez-button
|
|
76
77
|
ez-text-edit --> ez-button
|
|
78
|
+
ez-tile-medium --> ez-button
|
|
77
79
|
filter-column --> ez-button
|
|
78
80
|
style ez-button fill:#f9f,stroke:#333,stroke-width:4px
|
|
79
81
|
```
|
|
@@ -81,3 +83,38 @@ graph TD;
|
|
|
81
83
|
----------------------------------------------
|
|
82
84
|
|
|
83
85
|
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
## CSS Variables
|
|
89
|
+
| Variable | Description |
|
|
90
|
+
|-|-|
|
|
91
|
+
| --ez-button--min-width | Define a largura mínima do componente. |
|
|
92
|
+
| --ez-button--width | Define a largura do componente. |
|
|
93
|
+
| --ez-button--height | Define a altura do componente. |
|
|
94
|
+
| --ez-button\_\_icon--width | Define a largura do slot que contém o ícone. |
|
|
95
|
+
| --ez-button\_\_inline\_\_icon--padding | Define o espaçamento entre o ícone e o label. |
|
|
96
|
+
| --ez-button--padding-top | Define o espaçamento superior ao label. |
|
|
97
|
+
| --ez-button--padding-bottom | Define o espaçamento inferior ao label. |
|
|
98
|
+
| --ez-button--padding-right | Define o espaçamento à direita do label. |
|
|
99
|
+
| --ez-button--padding-left | Define o espaçamento à esquerda do label. |
|
|
100
|
+
| --ez-button--color | Define a cor do label. |
|
|
101
|
+
| --ez-button--font-size | Define o tamanho do label. |
|
|
102
|
+
| --ez-button--font-family | Define a família da fonte do label. |
|
|
103
|
+
| --ez-button--font-weight | Define o peso da fonte do label. |
|
|
104
|
+
| --ez-button--background-color | Define a cor de fundo do botão. |
|
|
105
|
+
| --ez-button--border-radius | Define o raio da borda do botão. |
|
|
106
|
+
| --ez-button--border | Define o estilo da borda do botão. |
|
|
107
|
+
| --ez-button--justify-content | Define o alinhamento horizontal do conteúdo do botão. |
|
|
108
|
+
| --ez-button--hover-color | Define a cor do texto e do ícone quando o cursor está sobre o botão. |
|
|
109
|
+
| --ez-button--hover--background-color | Define a cor de fundo quando o cursor está sobre o botão. |
|
|
110
|
+
| --ez-button--disabled-color | Define a cor do texto quando o botão está desabilitado. |
|
|
111
|
+
| --ez-button--disabled--background-color | Define a cor de fundo quando o botão está desabilitado. |
|
|
112
|
+
| --ez-button--focus--border | Define o estido da borda quando o botão está selecionado. |
|
|
113
|
+
| --ez-button--focus--box-shadow | Define a sombra do botão quando selecionado. |
|
|
114
|
+
| --ez-button--active-color | Define a cor do texto e do ícone ao ativar o botão. |
|
|
115
|
+
| --ez-button--active--background-color | Define a cor do fundo ao ativar o botão. |
|
|
116
|
+
| --ez-button--link-color | Define a cor do texto do botão no modo link. |
|
|
117
|
+
| --ez-button--link--hover-color | Define a cor do texto do botão no hover do modo link. |
|
|
118
|
+
| --ez-button--link--small--font-size | Define o tamanho small na fonte do texto do botão no modo link. |
|
|
119
|
+
| --ez-button--link--medium--font-size | Define o tamanho medium na fonte do texto do botão no modo link. |
|
|
120
|
+
| --ez-button--link--large--font-size | Define o tamanho large na fonte do texto do botão no modo link. |
|
|
@@ -84,3 +84,37 @@ graph TD;
|
|
|
84
84
|
----------------------------------------------
|
|
85
85
|
|
|
86
86
|
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
## CSS Variables
|
|
90
|
+
| Variable | Description |
|
|
91
|
+
|-|-|
|
|
92
|
+
| --ez-calendar--font-family | Define a família da fonte do componente. |
|
|
93
|
+
| --ez-calendar--color | Define a cor dos textos dentro do componente. |
|
|
94
|
+
| --ez-calendar--text-shadow | Define a sombra dos textos dentro do componente. |
|
|
95
|
+
| --ez-calendar\_\_body--background-color | Define a cor de fundo do corpo do calendário. |
|
|
96
|
+
| --ez-calendar\_\_time--background-color | Define a cor de fundo do corpo da hora do calendário. |
|
|
97
|
+
| --ez-calendar\_\_body--padding | Define o espaçamento do corpo do calendário. |
|
|
98
|
+
| --ez-calendar\_\_body--border-radius | Define o raio da borda do corpo do calendário. |
|
|
99
|
+
| --ez-calendar\_\_body--shadow | Define a sombra do corpo do calendário. |
|
|
100
|
+
| --ez-container--z-index | Define a posição do container de calendario nas camadas da página . |
|
|
101
|
+
| --ez-calendar\_\_header-line--stroke | Define a espessura da borda inferior do header. |
|
|
102
|
+
| --ez-calendar\_\_header-line--color | Define a cor da borda inferior do header. |
|
|
103
|
+
| --ez-calendar\_\_nav-btn--fill | Define a cor do ícone de navegação. |
|
|
104
|
+
| --ez-calendar\_\_nav-btn--hover--fill | Define a cor do ícone de navegação quando o cursor está sobre ele. |
|
|
105
|
+
| --ez-calendar\_\_nav-btn--width | Define a largura do ícone de navegação. |
|
|
106
|
+
| --ez-calendar\_\_nav-btn--height | Define a altura do ícone de navegação. |
|
|
107
|
+
| --ez-calendar\_\_nav-btn--previous-image | Contém a imagem do ícone de navegação à esquerda. |
|
|
108
|
+
| --ez-calendar\_\_nav-btn--next-image | Contém a imagem do ícone de navegação à direita. |
|
|
109
|
+
| --ez-calendar\_\_cell--margin | Define o espaçamento vertical entre as células. |
|
|
110
|
+
| --ez-calendar\_\_cell--width | Define a largura das células. |
|
|
111
|
+
| --ez-calendar\_\_cell--padding | Define o espaçamento horizontal entre as células. |
|
|
112
|
+
| --ez-calendar\_\_cell--border-radius | Define o raio da borda das células. |
|
|
113
|
+
| --ez-calendar\_\_cell--over--background-color | Define a cor de fundo das células. |
|
|
114
|
+
| --ez-calendar\_\_cell--over--color | Define a cor de do texto das células. |
|
|
115
|
+
| --ez-calendar\_\_cell--outset--color | Define a cor do texto para células secundárias (fora do mês selecionado). |
|
|
116
|
+
| --ez-calendar\_\_cell--selected--background-color | Define a cor de fundo das células selecionadas. |
|
|
117
|
+
| --ez-calendar\_\_cell--selected--color | Define a cor do texto da célula selecionada. |
|
|
118
|
+
| --ez-calendar\_\_btn-today--color | Define a cor do texto do botão "Hoje". |
|
|
119
|
+
| --ez-calendar\_\_btn-today--hover--background-color | Define a cor de fundo do botão "Hoje" quando o cursor está sobre ele. |
|
|
120
|
+
| --ez-calendar\_\_btn-today--border-radius | Define o raio da borda do botão "Hoje". |
|
|
@@ -39,3 +39,20 @@ graph TD;
|
|
|
39
39
|
----------------------------------------------
|
|
40
40
|
|
|
41
41
|
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
## CSS Variables
|
|
45
|
+
| Variable | Description |
|
|
46
|
+
|-|-|
|
|
47
|
+
| --ez-card-item--font-size | Define o tamanho da fonte do componente. |
|
|
48
|
+
| --ez-card-item--font-size-compacted | Define o tamanho da fonte do componente no modo compacto. |
|
|
49
|
+
| --ez-card-item--font-family | Define a família da fonte do componente. |
|
|
50
|
+
| --ez-card-item--font-weight | Define o peso da fonte do componente. |
|
|
51
|
+
| --ez-card-item--font-weight-large | Define o peso da fonte do title do componente. |
|
|
52
|
+
| --ez-card-item--color | Define a cor da fonte do componente. |
|
|
53
|
+
| --ez-card-item\_\_key--color | Define a cor da fonte da key do componente. |
|
|
54
|
+
| --ez-card-item\_\_detail-label--color | Define a cor da fonte do label do detalhe do componente. |
|
|
55
|
+
| --ez-card-item\_\_detail--padding-bottom | Define o espaçamento inferior dos detalhes do componente. |
|
|
56
|
+
| --ez-card-item\_\_title--padding-bottom | Define o espaçamento inferior do title do componente. |
|
|
57
|
+
| --ez-card-item\_\_highlight--color | Define a cor do highlight / marcação nos textos do componente. |
|
|
58
|
+
| --ez-card-item--detail-label--font-weight | Define o peso da fonte do componente. |
|
|
@@ -53,6 +53,7 @@ Type: `Promise<void>`
|
|
|
53
53
|
### Used by
|
|
54
54
|
|
|
55
55
|
- [ez-form-view](../ez-form-view)
|
|
56
|
+
- [ez-link-builder](../ez-rich-text/ez-link-builder)
|
|
56
57
|
- [ez-list](../ez-list)
|
|
57
58
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
58
59
|
|
|
@@ -60,6 +61,7 @@ Type: `Promise<void>`
|
|
|
60
61
|
```mermaid
|
|
61
62
|
graph TD;
|
|
62
63
|
ez-form-view --> ez-check
|
|
64
|
+
ez-link-builder --> ez-check
|
|
63
65
|
ez-list --> ez-check
|
|
64
66
|
ez-multi-selection-list --> ez-check
|
|
65
67
|
style ez-check fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -68,3 +70,48 @@ graph TD;
|
|
|
68
70
|
----------------------------------------------
|
|
69
71
|
|
|
70
72
|
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
## CSS Variables
|
|
76
|
+
| Variable | Description |
|
|
77
|
+
|-|-|
|
|
78
|
+
| --ez-check--box--width | Define a largura do box do checkbox. |
|
|
79
|
+
| --ez-check--box--height | Define a altura do box do checkbox. |
|
|
80
|
+
| --ez-check--width | Define a largura do input do checkbox. |
|
|
81
|
+
| --ez-check--height | Define a altura do input do checkbox |
|
|
82
|
+
| --ez-check--border-radius | Define o raio da borda do input do checkbox. |
|
|
83
|
+
| --ez-check--checked--background-color | Define a cor de fundo do input do checkbox quando marcado. |
|
|
84
|
+
| --ez-check--focus--background-color | Define a cor de fundo do input do checkbox quando focado. |
|
|
85
|
+
| --ez-check--hover--background-color | Define a cor de fundo do input do checkbox quando o cursor está sobre ele. |
|
|
86
|
+
| --ez-check--checked--disabled--background-color | Define a cor de fundo do input do checkbox quando marcado e desabilitado. |
|
|
87
|
+
| --ez-check--border | Define o estilo da borda do input do checkbox. |
|
|
88
|
+
| --ez-check--disabled--border | Define o estilo da borda do input do checkbox quando desabilitado. |
|
|
89
|
+
| --ez-check--checked--border | Define o estilo da borda do input do checkbox quando marcado. |
|
|
90
|
+
| --ez-check--checked--hover--background-color | Define a cor de fundo do input do checkbox quando ativo e com o cursor sobre ele. |
|
|
91
|
+
| --ez-check--checked--focus--background-color | Define a cor de fundo do input do checkbox quando ativo e focado. |
|
|
92
|
+
| --ez-check--check--image | Contém o ícone do input marcado. |
|
|
93
|
+
| --ez-check--indeterminate--image | Ícone usado para o estado "indeterminado" do componente. |
|
|
94
|
+
| --ez-check--check--background-color | Define a cor de fundo do slot do ícone quando marcado. |
|
|
95
|
+
| --ez-check--check--disabled--background-color | Define a cor de fundo do slot do ícone quando marcado e desabilitado. |
|
|
96
|
+
| --ez-switch--slider--width | Define a largura do slider do checkbox. |
|
|
97
|
+
| --ez-switch--slider--height | Define a altura do slider do checkbox. |
|
|
98
|
+
| --ez-switch--pin--width | Define a largura do pino do slider do checkbox. |
|
|
99
|
+
| --ez-switch--pin--height | Define a altura do pino do slider do checkbox. |
|
|
100
|
+
| --ez-switch--focus--width | Define a largura do slider quando focado. |
|
|
101
|
+
| --ez-switch--focus--height | Define a altura do slider quando focado. |
|
|
102
|
+
| --ez-switch--background-color | Define a cor de fundo do checkbox no modo switch. |
|
|
103
|
+
| --ez-switch--disabled--background-color | Define a cor de fundo do checkbox desabilitado no modo switch. |
|
|
104
|
+
| --ez-switch--disabled--checked--background-color | Define a cor de fundo do checkbox marcado no modo switch. |
|
|
105
|
+
| --ez-switch--checked--background-color | Define a cor de fundo do checkbox marcado no modo switch. |
|
|
106
|
+
| --ez-switch--pin--background-color | Define a cor de fundo do pino do slider. |
|
|
107
|
+
| --ez-switch--pin--disabled--background-color | Define a cor de fundo do pino do slider quando desabilitado. |
|
|
108
|
+
| --ez-switch--pin--checked--background-color | Define a cor de fundo do pino do slider quando marcado. |
|
|
109
|
+
| --ez-switch--pin--checked--disabled--background-color | Define a cor de fundo do pino do slider quando marcado e desabilitado1. |
|
|
110
|
+
| --ez-switch--pin--focus--background-color | Define a cor de fundo do pino do slider quando focado. |
|
|
111
|
+
| --ez-switch--pin--checked--focus--background-color | Define a cor de fundo do pino do slider quando marcado e focado. |
|
|
112
|
+
| --ez-switch--pin--border-color | Define a cor da borda do pino do slider. |
|
|
113
|
+
| --ez-switch--pin--disabled--border-color | Define a cor da borda do pino do slider quando desabilitado. |
|
|
114
|
+
| --ez-check--label--font-size | Define o tamanho da fonte do label. |
|
|
115
|
+
| --ez-check--label--font-family | Define a família da fonte do label. |
|
|
116
|
+
| --ez-check--label--color | Define a cor da fonte do label. |
|
|
117
|
+
| --ez-check--label--disabled--color | Define a cor da fonte do label quando desabilitado. |
|
|
@@ -7,14 +7,15 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
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
|
+
| `label` | `label` | Texto a ser apresentado como título do ez-chip. | `string` | `undefined` |
|
|
15
|
+
| `mode` | `mode` | Define o modo de uso do ez-chip. | `"action" \| "label"` | `undefined` |
|
|
16
|
+
| `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` |
|
|
17
|
+
| `showNativeTooltip` | `show-native-tooltip` | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento. | `boolean` | `true` |
|
|
18
|
+
| `value` | `value` | Define o valor do ez-chip. | `boolean` | `false` |
|
|
18
19
|
|
|
19
20
|
|
|
20
21
|
## Events
|
|
@@ -65,3 +66,28 @@ graph TD;
|
|
|
65
66
|
----------------------------------------------
|
|
66
67
|
|
|
67
68
|
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
## CSS Variables
|
|
72
|
+
| Variable | Description |
|
|
73
|
+
|-|-|
|
|
74
|
+
| --ez-label-chip--height | Define a altura do chip. |
|
|
75
|
+
| --ez-label-chip\_\_label--font-size | Define o tamanho do label. |
|
|
76
|
+
| --ez-label-chip\_\_label--font-family | Define a família da fonte do label. |
|
|
77
|
+
| --ez-label-chip\_\_label--font-weight | Define o peso da fonte do label. |
|
|
78
|
+
| --ez-label-chip\_\_label--space--medium | Define o espaçamento do label. |
|
|
79
|
+
| --ez-label-chip\_\_label--title--primary | Define a cor do texto. |
|
|
80
|
+
| --ez-label-chip\_\_label--text--primary | Define a cor do ícone. |
|
|
81
|
+
| --ez-label-chip\_\_label\_\_container--border-radius | Define o raio da borda do container do chip. |
|
|
82
|
+
| --ez-label-chip\_\_label\_\_container--border | Define o estilo da borda do container. |
|
|
83
|
+
| --ez-label-chip\_\_label\_\_container--border-color-strokes | Define a cor da borda do container. |
|
|
84
|
+
| --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
|
+
| --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 quando ativo. |
|
|
87
|
+
| --ez-label-chip\_\_label\_\_container--border-color | Define a cor da borda do container quando ativo. |
|
|
88
|
+
| --ez-label-chip\_\_label\_\_container--default--border-color--active | Define a cor da borda do container quando o cursor está sobre ele. |
|
|
89
|
+
| --ez-label-chip\_\_label\_\_container--default--background-color--hover | Define a cor do fundo do container quando o cursor está sobre ele. |
|
|
90
|
+
| --ez-label-chip\_\_label\_\_container--default--color--hover | Define a cor do texto quando o cursor está sobre ele. |
|
|
91
|
+
| --ez-label-chip\_\_label\_\_container--text--disabled | Define a cor do texto e do ícone quando o chip está desabilitado. |
|
|
92
|
+
| --ez-label-chip\_\_label\_\_container--default--border-color--active | Define a cor da borda quando o componente está ativo. |
|
|
93
|
+
| --ez-label-chip\_\_label\_\_container--default--margin-top | Define a margem superior. |
|
|
@@ -92,3 +92,23 @@ graph TD;
|
|
|
92
92
|
----------------------------------------------
|
|
93
93
|
|
|
94
94
|
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
## CSS Variables
|
|
98
|
+
| Variable | Description |
|
|
99
|
+
|-|-|
|
|
100
|
+
| --ez-collapsible-box--font-size | Define o tamanho da fonte do header. |
|
|
101
|
+
| --ez-collapsible-box--font-family | Define a família da fonte do header. |
|
|
102
|
+
| --ez-collapsible-box--font-weight | Define o peso da fonte do header. |
|
|
103
|
+
| --ez-collapsible-box--color | Define a cor da fonte do header. |
|
|
104
|
+
| --ez-collapsible-box--subtitle--font-size | Define o tamanho da fonte do header. |
|
|
105
|
+
| --ez-collapsible-box--subtitle--font-family | Define a família da fonte do header. |
|
|
106
|
+
| --ez-collapsible-box--subtitle--font-weight | Define o peso da fonte do header. |
|
|
107
|
+
| --ez-collapsible-box--subtitle--color | Define a cor da fonte do header. |
|
|
108
|
+
| --ez-collapsible-box--subtitle--margin-bottom | Define a cor da fonte do header. |
|
|
109
|
+
| --ez-collapsible-box--focus--color | Define a cor do texto e do ícone quando o componente está focado. |
|
|
110
|
+
| --ez-collapsible-box\_\_icon--color | Define a cor do chevron. |
|
|
111
|
+
| --ez-collapsible-box\_\_header--padding-top | Define o espaçamento superior ao header. |
|
|
112
|
+
| --ez-collapsible-box\_\_header--padding-bottom | Define o espaçamento inferior ao header. |
|
|
113
|
+
| --ez-collapsible-box\_\_header--padding-right | Define o espaçamento à direita do header. |
|
|
114
|
+
| --ez-collapsible-box\_\_header--padding-left | Define o espaçamento à esquerda do header. |
|
|
@@ -7,17 +7,17 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type | Default
|
|
11
|
-
| ----------------- | ------------------- | -------------------------------------------------------------------- | --------------------------- |
|
|
12
|
-
| `maxWidth` | `max-width` | Largura máxima da lista, em pixels. | `number` | `undefined`
|
|
13
|
-
| `onOptionHover` | -- | Callback chamado quando o mouse passa sobre uma opção. | `(index: number) => void` | `undefined`
|
|
14
|
-
| `onOptionSelect` | -- | Callback chamado quando uma opção é selecionada. | `(option: IOption) => void` | `undefined`
|
|
15
|
-
| `preSelection` | `pre-selection` | Índice da opção pré-selecionada na lista. | `number` | `undefined`
|
|
16
|
-
| `showLoading` | `show-loading` | Indica se o indicador de carregamento deve ser exibido. | `boolean` | `undefined`
|
|
17
|
-
| `showOptionValue` | `show-option-value` | Indica se o valor de cada opção deve ser exibido junto com o rótulo. | `boolean` | `undefined`
|
|
18
|
-
| `textEmptyList` | `text-empty-list` | Mensagem exibida quando a lista de opções está vazia. | `string` | `
|
|
19
|
-
| `visibleOptions` | -- | Lista de opções visíveis que serão exibidas no componente. | `IOption[]` | `undefined`
|
|
20
|
-
| `width` | `width` | Largura fixa da lista, em pixels. | `number` | `undefined`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | ------------------- | -------------------------------------------------------------------- | --------------------------- | ----------- |
|
|
12
|
+
| `maxWidth` | `max-width` | Largura máxima da lista, em pixels. | `number` | `undefined` |
|
|
13
|
+
| `onOptionHover` | -- | Callback chamado quando o mouse passa sobre uma opção. | `(index: number) => void` | `undefined` |
|
|
14
|
+
| `onOptionSelect` | -- | Callback chamado quando uma opção é selecionada. | `(option: IOption) => void` | `undefined` |
|
|
15
|
+
| `preSelection` | `pre-selection` | Índice da opção pré-selecionada na lista. | `number` | `undefined` |
|
|
16
|
+
| `showLoading` | `show-loading` | Indica se o indicador de carregamento deve ser exibido. | `boolean` | `undefined` |
|
|
17
|
+
| `showOptionValue` | `show-option-value` | Indica se o valor de cada opção deve ser exibido junto com o rótulo. | `boolean` | `undefined` |
|
|
18
|
+
| `textEmptyList` | `text-empty-list` | Mensagem exibida quando a lista de opções está vazia. | `string` | `undefined` |
|
|
19
|
+
| `visibleOptions` | -- | Lista de opções visíveis que serão exibidas no componente. | `IOption[]` | `undefined` |
|
|
20
|
+
| `width` | `width` | Largura fixa da lista, em pixels. | `number` | `undefined` |
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
## Methods
|
|
@@ -7,28 +7,29 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type | Default
|
|
11
|
-
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- |
|
|
12
|
-
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined`
|
|
13
|
-
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false`
|
|
14
|
-
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true`
|
|
15
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true`
|
|
16
|
-
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined`
|
|
17
|
-
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true`
|
|
18
|
-
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false`
|
|
19
|
-
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined`
|
|
20
|
-
| `limitCharsToSearch` | `limit-chars-to-search` | Define o limite de caracteres mínimo para realizar uma pesquisa | `number` | `3`
|
|
21
|
-
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined`
|
|
22
|
-
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"`
|
|
23
|
-
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined`
|
|
24
|
-
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined`
|
|
25
|
-
| `
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
28
|
-
| `
|
|
29
|
-
| `
|
|
30
|
-
| `
|
|
31
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
14
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
15
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
16
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
+
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
|
|
18
|
+
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
19
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
20
|
+
| `limitCharsToSearch` | `limit-chars-to-search` | Define o limite de caracteres mínimo para realizar uma pesquisa | `number` | `3` |
|
|
21
|
+
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
22
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
23
|
+
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
24
|
+
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
25
|
+
| `preventAutoFocus` | `prevent-auto-focus` | Se true, impede que o campo de texto receba foco automaticamente ao abrir as opções. | `boolean` | `false` |
|
|
26
|
+
| `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
27
|
+
| `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
28
|
+
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `true` |
|
|
29
|
+
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
30
|
+
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
31
|
+
| `textEmptyOption` | `text-empty-option` | Texto a ser apresentado na opção de valor nulo. | `string` | `undefined` |
|
|
32
|
+
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
32
33
|
|
|
33
34
|
|
|
34
35
|
## Events
|
|
@@ -99,3 +99,11 @@ graph TD;
|
|
|
99
99
|
----------------------------------------------
|
|
100
100
|
|
|
101
101
|
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
## CSS Variables
|
|
105
|
+
| Variable | Description |
|
|
106
|
+
|-|-|
|
|
107
|
+
| --ez-date-input\_\_input--background-color | Define a cor de fundo do input. |
|
|
108
|
+
| --ez-date-input\_\_input--border-color | Define a cor da borda do input. |
|
|
109
|
+
| --ez-date-input\_\_calendar-image | Contém a imagem do calendário. |
|
|
@@ -100,3 +100,11 @@ graph TD;
|
|
|
100
100
|
----------------------------------------------
|
|
101
101
|
|
|
102
102
|
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
## CSS Variables
|
|
106
|
+
| Variable | Description |
|
|
107
|
+
|-|-|
|
|
108
|
+
| --ez-date-input\_\_input--background-color | Define a cor de fundo do input. |
|
|
109
|
+
| --ez-date-input\_\_input--border-color | Define a cor da borda do input. |
|
|
110
|
+
| --ez-date-input\_\_calendar-image | Contém a imagem do calendário. |
|
|
@@ -58,3 +58,29 @@ graph TD;
|
|
|
58
58
|
----------------------------------------------
|
|
59
59
|
|
|
60
60
|
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
## CSS Variables
|
|
64
|
+
| Variable | Description |
|
|
65
|
+
|-|-|
|
|
66
|
+
| --dialog\_\_container-padding | Define o espaçamento do container. |
|
|
67
|
+
| --dialog\_\_btn\_\_close--background-color | Define a cor de fundo do botão de fechar. |
|
|
68
|
+
| --dialog\_\_btn\_\_no--padding-right | Define o espaçamento direito do botão de negação. |
|
|
69
|
+
| --dialog\_\_btn\_\_close\_\_image | Contém a imagem do ícone de fechamento. |
|
|
70
|
+
| --dialog\_\_title--font-pattern | Define o estilo da mensagem exibida no título. |
|
|
71
|
+
| --dialog\_\_title--padding-left | Define o espaçamento a esquerda do título. |
|
|
72
|
+
| --dialog\_\_title\_\_container--padding-bottom | Define o espaçamento abaixo do container do título. |
|
|
73
|
+
| --dialog\_\_title--weight--large | Define o peso do título. |
|
|
74
|
+
| --dialog\_\_body--font-pattern | Define o estilo do texto da mensagem. |
|
|
75
|
+
| --dialog\_\_body--text-shadow | Define a sombra do texto da mensagem. |
|
|
76
|
+
| --dialog\_\_body--text-weight--medium | Define o peso do texto da mensagem. |
|
|
77
|
+
| --dialog\_\_body--padding-bottom | Define o espaçamento inferior do texto da mensagem. |
|
|
78
|
+
| --dialog\_\_body--font-size | Define o tamanho do texto da mensagem. |
|
|
79
|
+
| --dialog\_\_body--color | Define a cor do texto da mensagem. |
|
|
80
|
+
| --dialog\_\_icon--color | Define a cor dos ícones dos indicadores de modo. |
|
|
81
|
+
| --dialog\_\_critical--background-color | Define a cor do indicador do dialog de erro. |
|
|
82
|
+
| --dialog\_\_warning--background-color | Define a cor do indicador do dialog de alert. |
|
|
83
|
+
| --dialog\_\_success--background-color | Define a cor do indicador do dialog de sucesso. |
|
|
84
|
+
| --dialog-z-index | Define a camada que o dialog será exibido. |
|
|
85
|
+
| --dialog--warning\_\_image | Contém a imagem do ícone de alerta. |
|
|
86
|
+
| --dialog--critical\_\_image | Contém a imagem do ícone crítico. |
|
|
@@ -49,3 +49,44 @@ graph TD;
|
|
|
49
49
|
----------------------------------------------
|
|
50
50
|
|
|
51
51
|
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
## CSS Variables
|
|
55
|
+
| Variable | Description |
|
|
56
|
+
|-|-|
|
|
57
|
+
| --ez-dropdown--z-index | Define a posição do componente. |
|
|
58
|
+
| --ez-dropdown--padding | Define o espaçamento interno do componente. |
|
|
59
|
+
| --ez-dropdown--box-shadow | Define a sombra externa do componente. |
|
|
60
|
+
| --ez-dropdown--border-radius | Define o raio da borda do componente. |
|
|
61
|
+
| --ez-dropdown--background-color | Define cor de fundo do componente. |
|
|
62
|
+
| --ez-dropdown--font-family | Define a fonte do componente. |
|
|
63
|
+
| --ez-dropdown--max-height | Define a altura máxima do componente. |
|
|
64
|
+
| --ez-dropdown\_\_item--padding | Define o espaçamento interno de cada item do componente. |
|
|
65
|
+
| --ez-dropdown\_\_item--gap | Define o espaçamento entre os elementos internos do item do componente. |
|
|
66
|
+
| --ez-dropdown\_\_item--border-radius | Define o raio da borda de cada item do componente. |
|
|
67
|
+
| --ez-dropdown\_\_item--color | Define a cor do texto de cada item do componente. |
|
|
68
|
+
| --ez-dropdown\_\_item--font-weight | Define o peso do texto de cada item do componente. |
|
|
69
|
+
| --ez-dropdown\_\_item--font-size | Define o tamanho da fonte de cada item do componente. |
|
|
70
|
+
| --ez-dropdown\_\_item--line-height | Define a altura do texto de cada item do componente. |
|
|
71
|
+
| --ez-dropdown\_\_item--background-color | Define a cor de fundo no hover de cada item do componente. |
|
|
72
|
+
| --ez-dropdown\_\_item--transition | Define o efeito de transição do hover de cada item do componente. |
|
|
73
|
+
| --ez-dropdown\_\_item-label--margin-right | Define o espaçamento direito externo de cada label do componente. |
|
|
74
|
+
| --ez-dropdown\_\_icon--size | Define o tamanho da área de cada ícone do componente. |
|
|
75
|
+
| --ez-dropdown\_\_divider--background-color | Define a cor de fundo do divider do componente. |
|
|
76
|
+
| --ez-dropdown\_\_divider--margin | Define o espaçamento externo do divider do componente. |
|
|
77
|
+
| --ez-dropdown\_\_group-label--color | Define a cor do título de cada grupo do componente. |
|
|
78
|
+
| --ez-dropdown\_\_group-label--font-weight | Define o peso do texto do título de cada grupo do componente. |
|
|
79
|
+
| --ez-dropdown\_\_group-label--font-size | Define o tamanho da fonte do título de cada grupo do componente. |
|
|
80
|
+
| --ez-dropdown\_\_group-label--line-height | Define a altura do texto do título de cada grupo do componente. |
|
|
81
|
+
| --ez-dropdown\_\_group-label--padding | Define o espaçamento interno do título de cada grupo do componente. |
|
|
82
|
+
| --ez-dropdown\_\_submenu--z-index | Define a posição do submenu do componente. |
|
|
83
|
+
| --ez-dropdown\_\_link--font-weight | Define o peso do texto de cada link do componente. |
|
|
84
|
+
| --ez-dropdown\_\_link--primary--color | Define a cor utilizada como padrão para ações secundárias. |
|
|
85
|
+
| --ez-dropdown\_\_link--critical--color | Define a cor utilizada para ações destrutivas como um excluir. |
|
|
86
|
+
| --ez-dropdown\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. |
|
|
87
|
+
| --ez-dropdown\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. |
|
|
88
|
+
| --ez-dropdown\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. |
|
|
89
|
+
| --ez-dropdown\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. |
|
|
90
|
+
| --ez-dropdown\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. |
|
|
91
|
+
| --ez-dropdown\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
|
|
92
|
+
| --ez-dropdown\_\_scrollbar--padding-right | Define o espaçamento interno direito quando houver barra de rolagem. |
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# ez-empty-card
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------- | --------- | ---------------------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `color` | `color` | Define a cor tema do componente. | `"default" \| "gray" \| "green" \| "petroleum" \| "red" \| "yellow"` | `"default"` |
|
|
13
|
+
| `height` | `height` | Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
|
|
14
|
+
| `width` | `width` | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
----------------------------------------------
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## CSS Variables
|
|
23
|
+
| Variable | Description |
|
|
24
|
+
|-|-|
|
|
25
|
+
| --ez-empty-card--width | Define a largura do componente. |
|
|
26
|
+
| --ez-empty-card--height | Define a altura do componente. |
|
|
27
|
+
| --ez-empty-card--padding | Define a margem do componente. |
|
|
28
|
+
| --ez-empty-card--border-radius | Define o raio da borda do componente. |
|
|
29
|
+
| --ez-empty-card--background-color | Define a cor de fundo do componente. |
|