@andespindola/ui-angular 0.1.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 +50 -0
- package/andespindola-ui-angular.d.ts.map +1 -0
- package/fesm2022/andespindola-ui-angular.mjs +1020 -0
- package/fesm2022/andespindola-ui-angular.mjs.map +1 -0
- package/index.d.ts +6 -0
- package/lib/stencil-generated/angular-component-lib/utils.d.ts +10 -0
- package/lib/stencil-generated/angular-component-lib/utils.d.ts.map +1 -0
- package/lib/stencil-generated/components.d.ts +377 -0
- package/lib/stencil-generated/components.d.ts.map +1 -0
- package/lib/stencil-generated/index.d.ts +3 -0
- package/lib/stencil-generated/index.d.ts.map +1 -0
- package/package.json +30 -0
- package/public-api.d.ts +3 -0
- package/public-api.d.ts.map +1 -0
package/README.md
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
# @andespindola/ui-angular
|
|
2
|
+
|
|
3
|
+
Wrappers **Angular** (componentes standalone) para os Web Components do design system
|
|
4
|
+
[`@andespindola/ui-core`](https://www.npmjs.com/package/@andespindola/ui-core).
|
|
5
|
+
|
|
6
|
+
## Instalação
|
|
7
|
+
|
|
8
|
+
```bash
|
|
9
|
+
npm install @andespindola/ui-angular @andespindola/ui-core
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
Peer deps: `@angular/core >=16`, `@angular/common >=16`.
|
|
13
|
+
|
|
14
|
+
## Uso
|
|
15
|
+
|
|
16
|
+
Importe o CSS de tokens uma vez (ex.: em `styles.css` do app):
|
|
17
|
+
|
|
18
|
+
```css
|
|
19
|
+
@import "@andespindola/ui-core/styles.css";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
Os componentes são **standalone** — importe direto:
|
|
23
|
+
|
|
24
|
+
```ts
|
|
25
|
+
import { Component } from "@angular/core";
|
|
26
|
+
import { UiButton, UiCard, UiSwitch } from "@andespindola/ui-angular";
|
|
27
|
+
|
|
28
|
+
@Component({
|
|
29
|
+
selector: "app-root",
|
|
30
|
+
standalone: true,
|
|
31
|
+
imports: [UiButton, UiCard, UiSwitch],
|
|
32
|
+
template: `
|
|
33
|
+
<ui-card>
|
|
34
|
+
<ui-button variant="solid">Começar</ui-button>
|
|
35
|
+
<ui-switch checked="true"></ui-switch>
|
|
36
|
+
</ui-card>
|
|
37
|
+
`,
|
|
38
|
+
})
|
|
39
|
+
export class AppComponent {}
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
> Os Web Components são registrados automaticamente ao importar o pacote (guardado para SSR).
|
|
43
|
+
|
|
44
|
+
## Componentes (lote inicial)
|
|
45
|
+
|
|
46
|
+
`UiButton`, `UiCard`, `UiBadge`, `UiInput`, `UiSwitch`, `UiDialog`.
|
|
47
|
+
|
|
48
|
+
## Licença
|
|
49
|
+
|
|
50
|
+
MIT © Anderson Espindola
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"andespindola-ui-angular.d.ts","sourceRoot":"","sources":["../src/andespindola-ui-angular.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,cAAc,CAAC"}
|