angular-visuals 0.1.2 → 0.1.3
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 +9 -8
- package/fesm2022/angular-visuals.mjs +608 -17
- package/fesm2022/angular-visuals.mjs.map +1 -1
- package/package.json +1 -1
- package/types/angular-visuals.d.ts +203 -17
package/README.md
CHANGED
|
@@ -44,14 +44,15 @@ Os componentes são standalone e podem ser importados diretamente no componente
|
|
|
44
44
|
|
|
45
45
|
```ts
|
|
46
46
|
import { Component } from '@angular/core';
|
|
47
|
-
import { AvBadge, AvButton, AvIcon, AvInput } from 'angular-visuals';
|
|
47
|
+
import { AvBadge, AvButton, AvCard, AvIcon, AvInput } from 'angular-visuals';
|
|
48
48
|
|
|
49
49
|
@Component({
|
|
50
50
|
standalone: true,
|
|
51
|
-
imports: [AvBadge, AvButton, AvIcon, AvInput],
|
|
51
|
+
imports: [AvBadge, AvButton, AvCard, AvIcon, AvInput],
|
|
52
52
|
template: `
|
|
53
53
|
<button av-button variant="orange" icon="check">Salvar</button>
|
|
54
54
|
<span av-badge variant="green">Ativo</span>
|
|
55
|
+
<av-card rounded="lg" padding="md">Resumo</av-card>
|
|
55
56
|
<av-input label="Nome" placeholder="Digite seu nome" />
|
|
56
57
|
`,
|
|
57
58
|
})
|
|
@@ -62,13 +63,13 @@ export class ExampleComponent {}
|
|
|
62
63
|
|
|
63
64
|
| Categoria | Componentes |
|
|
64
65
|
| --- | --- |
|
|
65
|
-
| Base | `AvBadge`, `AvButton`, `AvIcon` |
|
|
66
|
+
| Base | `AvBadge`, `AvButton`, `AvCard`, `AvIcon` |
|
|
66
67
|
| Formulários | `AvForm`, `AvInput`, `AvSelect`, `AvMultiSelect`, `AvCheckbox`, `AvCurrencyInput`, `AvDateTimePicker`, `AvSwitch`, `AvSlider`, `AvFileUpload`, `AvTextArea` |
|
|
67
|
-
| Layout e dados | `AvGrid`, `AvTable`, `AvPaginator` |
|
|
68
|
-
| Navegação | `AvSidenav`, `AvNavLink`, `
|
|
68
|
+
| Layout e dados | `AvGrid`, `AvTable`, `AvPaginator`, `AvCalendar` |
|
|
69
|
+
| Navegação | `AvSidenav`, `AvNavLink`, `AvNavDropdown`, `AvTabs`, `AvTab`, `AvStepper`, `AvStep` |
|
|
69
70
|
| Feedback | `AvProgressBar`, `AvProgressBarCircle` |
|
|
70
71
|
| Mídia | `AvCarousel`, `AvCarouselItem` |
|
|
71
|
-
| Overlay | `AvTooltip` |
|
|
72
|
+
| Overlay | `AvTooltip`, `AvDropdown`, `AvDropdownItem` |
|
|
72
73
|
| Primitives | `AvText` |
|
|
73
74
|
|
|
74
75
|
### Primitives
|
|
@@ -95,10 +96,10 @@ export class ExampleComponent {}
|
|
|
95
96
|
<av-nav-link label="Início" icon="search" href="/" active />
|
|
96
97
|
<av-nav-link label="Agenda" icon="calendar_today" href="/agenda" badge="3" />
|
|
97
98
|
|
|
98
|
-
<av-dropdown label="Financeiro" icon="payments">
|
|
99
|
+
<av-nav-dropdown label="Financeiro" icon="payments">
|
|
99
100
|
<av-nav-link label="Receitas" href="/financeiro/receitas" />
|
|
100
101
|
<av-nav-link label="Despesas" href="/financeiro/despesas" />
|
|
101
|
-
</av-dropdown>
|
|
102
|
+
</av-nav-dropdown>
|
|
102
103
|
</av-sidenav>
|
|
103
104
|
```
|
|
104
105
|
|