ngx-opalbytes-components 1.11.0 → 1.13.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
CHANGED
|
@@ -44,20 +44,30 @@ Os componentes nesta biblioteca são `standalone`, o que significa que você pod
|
|
|
44
44
|
|
|
45
45
|
```typescript
|
|
46
46
|
import { Component } from '@angular/core';
|
|
47
|
-
// Importe
|
|
48
|
-
import { BaseButton } from 'ngx-opalbytes-components';
|
|
47
|
+
// Importe os componentes desejados
|
|
48
|
+
import { BaseButton, CaoAutocompleteComponent } from 'ngx-opalbytes-components';
|
|
49
|
+
import { FormControl, ReactiveFormsModule } from '@angular/forms'; // Adicione ReactiveFormsModule e FormControl
|
|
49
50
|
|
|
50
51
|
@Component({
|
|
51
52
|
selector: 'app-exemplo',
|
|
52
53
|
standalone: true,
|
|
53
54
|
imports: [
|
|
54
|
-
BaseButton // Adicione o componente aos imports
|
|
55
|
+
BaseButton, // Adicione o componente aos imports
|
|
56
|
+
CaoAutocompleteComponent, // Adicione o componente aos imports
|
|
57
|
+
ReactiveFormsModule // Importe ReactiveFormsModule
|
|
55
58
|
],
|
|
56
59
|
template: `
|
|
57
60
|
<cao-button buttonText="Clique Aqui"></cao-button>
|
|
61
|
+
<cao-autocomplete label="Selecione um Item" [options]="opcoesExemplo" [control]="meuControl"></cao-autocomplete>
|
|
58
62
|
`
|
|
59
63
|
})
|
|
60
|
-
export class ExemploComponent {
|
|
64
|
+
export class ExemploComponent {
|
|
65
|
+
meuControl = new FormControl();
|
|
66
|
+
opcoesExemplo = [
|
|
67
|
+
{ id: 1, nome: 'Opção 1' },
|
|
68
|
+
{ id: 2, nome: 'Opção 2' }
|
|
69
|
+
];
|
|
70
|
+
}
|
|
61
71
|
```
|
|
62
72
|
|
|
63
73
|
---
|
|
@@ -406,7 +416,7 @@ Um componente de modal genérico que pode ser customizado.
|
|
|
406
416
|
|
|
407
417
|
---
|
|
408
418
|
|
|
409
|
-
###
|
|
419
|
+
### CaoAutocompleteComponent
|
|
410
420
|
Um campo de preenchimento automático que funciona com `ngModel` ou `formControlName`.
|
|
411
421
|
|
|
412
422
|
**Seletor:** `<cao-autocomplete>`
|
|
@@ -451,7 +461,7 @@ Uma tabela de dados com ordenação, paginação e seleção de linhas. A config
|
|
|
451
461
|
|
|
452
462
|
---
|
|
453
463
|
|
|
454
|
-
###
|
|
464
|
+
### BaseTablePaginated
|
|
455
465
|
Uma tabela de dados leve com paginação no lado do cliente. Herda a maioria de suas funcionalidades do `BaseTable`.
|
|
456
466
|
|
|
457
467
|
**Seletor:** `<cao-table-light-paginated>`
|
|
@@ -484,7 +494,7 @@ Uma tabela de dados leve com paginação no lado do cliente. Herda a maioria de
|
|
|
484
494
|
### `BaseTimeRange`
|
|
485
495
|
Um seletor de intervalo de datas.
|
|
486
496
|
|
|
487
|
-
**Seletor:** `<cao-time-range>`
|
|
497
|
+
**Seletor:** `<cao-base-time-range>`
|
|
488
498
|
|
|
489
499
|
**Atributos (Inputs)**
|
|
490
500
|
|