ngx-opalbytes-components 1.9.2 → 1.10.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.
- package/README.md +56 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -79,6 +79,7 @@ src/
|
|
|
79
79
|
| ├── footer/
|
|
80
80
|
| ├── links-button/
|
|
81
81
|
| ├── paginator/
|
|
82
|
+
| ├── stepper/
|
|
82
83
|
| └── time-picker/
|
|
83
84
|
└── features/
|
|
84
85
|
├── base-modal/
|
|
@@ -121,6 +122,61 @@ Um botão customizável com suporte a ícones, estado de loading e tooltip.
|
|
|
121
122
|
|
|
122
123
|
---
|
|
123
124
|
|
|
125
|
+
### `Stepper`
|
|
126
|
+
|
|
127
|
+
Um componente de passo a passo que guia o usuário através de um processo.
|
|
128
|
+
|
|
129
|
+
**Seletor:** `<cao-stepper>`
|
|
130
|
+
|
|
131
|
+
**Atributos (Inputs)**
|
|
132
|
+
|
|
133
|
+
| Atributo | Tipo | Padrão | Descrição |
|
|
134
|
+
| -------- | -------- | ------ | ------------------------------------- |
|
|
135
|
+
| `title` | `string` | `''` | O título exibido acima do stepper. |
|
|
136
|
+
|
|
137
|
+
**Eventos (Outputs)**
|
|
138
|
+
|
|
139
|
+
| Evento | Tipo | Descrição |
|
|
140
|
+
| ----------------- | ------------------- | ------------------------------------------------- |
|
|
141
|
+
| `maxReachedEvent` | `EventEmitter<null>` | Emitido quando o último passo do stepper é alcançado. |
|
|
142
|
+
|
|
143
|
+
**Métodos**
|
|
144
|
+
|
|
145
|
+
| Método | Descrição |
|
|
146
|
+
| -------------- | -------------------------------------------------------------------------------------- |
|
|
147
|
+
| `nextStep()` | Avança para o próximo passo. Se estiver no último passo, emite o evento `maxReachedEvent`. |
|
|
148
|
+
| `prevStep()` | Retorna ao passo anterior. Não faz nada se estiver no primeiro passo. |
|
|
149
|
+
| `resetStepper()`| Reinicia o stepper, voltando ao primeiro passo e desativando todos os outros. |
|
|
150
|
+
|
|
151
|
+
**Uso com `Step`**
|
|
152
|
+
|
|
153
|
+
O `Stepper` deve ser usado em conjunto com o componente `Step`.
|
|
154
|
+
|
|
155
|
+
```html
|
|
156
|
+
<cao-stepper title="Meu Stepper">
|
|
157
|
+
<cao-step title="1"></cao-step>
|
|
158
|
+
<cao-step title="2"></cao-step>
|
|
159
|
+
<cao-step title="3"></cao-step>
|
|
160
|
+
</cao-stepper>
|
|
161
|
+
```
|
|
162
|
+
|
|
163
|
+
---
|
|
164
|
+
|
|
165
|
+
### `Step`
|
|
166
|
+
|
|
167
|
+
Representa um único passo dentro do componente `Stepper`.
|
|
168
|
+
|
|
169
|
+
**Seletor:** `<cao-step>`
|
|
170
|
+
|
|
171
|
+
**Atributos (Inputs)**
|
|
172
|
+
|
|
173
|
+
| Atributo | Tipo | Padrão | Descrição |
|
|
174
|
+
| ---------- | --------- | ------- | ----------------------------------------- |
|
|
175
|
+
| `title` | `string` | `''` | O texto exibido dentro do passo (ex: "1"). |
|
|
176
|
+
| `isActive` | `boolean` | `false` | Define se o passo está ativo. |
|
|
177
|
+
|
|
178
|
+
---
|
|
179
|
+
|
|
124
180
|
### `BaseInput`
|
|
125
181
|
Um campo de entrada de texto customizável com suporte a ícones, máscaras e validação.
|
|
126
182
|
|