@xlabs-store/angular 0.0.1
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 +65 -0
- package/dist/README.md +65 -0
- package/dist/fesm2022/xlabs-store-angular-standalone.mjs +4748 -0
- package/dist/fesm2022/xlabs-store-angular-standalone.mjs.map +1 -0
- package/dist/fesm2022/xlabs-store-angular.mjs +4585 -0
- package/dist/fesm2022/xlabs-store-angular.mjs.map +1 -0
- package/dist/fonts/xlabs-outlined.woff2 +0 -0
- package/dist/fonts/xlabs-rounded.woff2 +0 -0
- package/dist/fonts/xlabs-solided.woff2 +0 -0
- package/dist/styles.css +1 -0
- package/dist/types/xlabs-store-angular-standalone.d.ts +2259 -0
- package/dist/types/xlabs-store-angular-standalone.d.ts.map +1 -0
- package/dist/types/xlabs-store-angular.d.ts +2220 -0
- package/dist/types/xlabs-store-angular.d.ts.map +1 -0
- package/package.json +57 -0
package/README.md
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
<p align="center">
|
|
2
|
+
<a href="https://xlabs.fint.vn">
|
|
3
|
+
<img width="80" src="https://xlabs.fint.vn/favicon.ico?favicon.c0779518.ico">
|
|
4
|
+
</a>
|
|
5
|
+
</p>
|
|
6
|
+
|
|
7
|
+
# @xlabs-store/angular
|
|
8
|
+
|
|
9
|
+
Native Angular UI component library. Fully supports Angular's state management, reactive forms, and signals.
|
|
10
|
+
|
|
11
|
+
[](https://www.npmjs.com/package/@xlabs-store/angular)
|
|
12
|
+
[](https://github.com/fint-vn/xlabs/blob/main/LICENSE)
|
|
13
|
+
|
|
14
|
+
<p align="center">
|
|
15
|
+
<img src="https://user-images.githubusercontent.com/507615/209472919-6f7e8561-be8c-4b0b-9976-eb3c692aa20a.png" width="100%" />
|
|
16
|
+
</p>
|
|
17
|
+
|
|
18
|
+
## 📦 Installation
|
|
19
|
+
|
|
20
|
+
```bash
|
|
21
|
+
npm install @xlabs-store/angular
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## ⌨️ Usage
|
|
25
|
+
|
|
26
|
+
### Module-based
|
|
27
|
+
|
|
28
|
+
```typescript
|
|
29
|
+
import { XlabsModule } from '@xlabs-store/angular';
|
|
30
|
+
|
|
31
|
+
@NgModule({
|
|
32
|
+
imports: [
|
|
33
|
+
XlabsModule
|
|
34
|
+
],
|
|
35
|
+
})
|
|
36
|
+
export class AppModule { }
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
### Standalone
|
|
40
|
+
|
|
41
|
+
Support for Angular Standalone Components is included out of the box.
|
|
42
|
+
|
|
43
|
+
```typescript
|
|
44
|
+
import { Component } from '@angular/core';
|
|
45
|
+
import { XButton } from '@xlabs-store/angular/standalone';
|
|
46
|
+
|
|
47
|
+
@Component({
|
|
48
|
+
selector: 'app-button-demo',
|
|
49
|
+
imports: [XButton],
|
|
50
|
+
template: `
|
|
51
|
+
<x-button type="primary">Primary</x-button>
|
|
52
|
+
`,
|
|
53
|
+
})
|
|
54
|
+
export class ButtonDemo {}
|
|
55
|
+
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
## 🛡 First-class Angular Support
|
|
59
|
+
|
|
60
|
+
Unlike standard component wrappers, `@xlabs-store/angular` is built directly into the Angular ecosystem, providing seamless integration with Change Detection, Reactive Forms, and more.
|
|
61
|
+
|
|
62
|
+
## 🔗 Links
|
|
63
|
+
|
|
64
|
+
- [Official Documentation](https://xlabs.fint.vn)
|
|
65
|
+
- [Main Repository (Mono-repo)](../../README.md)
|
package/dist/README.md
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
<p align="center">
|
|
2
|
+
<a href="https://xlabs.fint.vn">
|
|
3
|
+
<img width="80" src="https://xlabs.fint.vn/favicon.ico?favicon.c0779518.ico">
|
|
4
|
+
</a>
|
|
5
|
+
</p>
|
|
6
|
+
|
|
7
|
+
# @xlabs-store/angular
|
|
8
|
+
|
|
9
|
+
Native Angular UI component library. Fully supports Angular's state management, reactive forms, and signals.
|
|
10
|
+
|
|
11
|
+
[](https://www.npmjs.com/package/@xlabs-store/angular)
|
|
12
|
+
[](https://github.com/fint-vn/xlabs/blob/main/LICENSE)
|
|
13
|
+
|
|
14
|
+
<p align="center">
|
|
15
|
+
<img src="https://user-images.githubusercontent.com/507615/209472919-6f7e8561-be8c-4b0b-9976-eb3c692aa20a.png" width="100%" />
|
|
16
|
+
</p>
|
|
17
|
+
|
|
18
|
+
## 📦 Installation
|
|
19
|
+
|
|
20
|
+
```bash
|
|
21
|
+
npm install @xlabs-store/angular
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## ⌨️ Usage
|
|
25
|
+
|
|
26
|
+
### Module-based
|
|
27
|
+
|
|
28
|
+
```typescript
|
|
29
|
+
import { XlabsModule } from '@xlabs-store/angular';
|
|
30
|
+
|
|
31
|
+
@NgModule({
|
|
32
|
+
imports: [
|
|
33
|
+
XlabsModule
|
|
34
|
+
],
|
|
35
|
+
})
|
|
36
|
+
export class AppModule { }
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
### Standalone
|
|
40
|
+
|
|
41
|
+
Support for Angular Standalone Components is included out of the box.
|
|
42
|
+
|
|
43
|
+
```typescript
|
|
44
|
+
import { Component } from '@angular/core';
|
|
45
|
+
import { XButton } from '@xlabs-store/angular/standalone';
|
|
46
|
+
|
|
47
|
+
@Component({
|
|
48
|
+
selector: 'app-button-demo',
|
|
49
|
+
imports: [XButton],
|
|
50
|
+
template: `
|
|
51
|
+
<x-button type="primary">Primary</x-button>
|
|
52
|
+
`,
|
|
53
|
+
})
|
|
54
|
+
export class ButtonDemo {}
|
|
55
|
+
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
## 🛡 First-class Angular Support
|
|
59
|
+
|
|
60
|
+
Unlike standard component wrappers, `@xlabs-store/angular` is built directly into the Angular ecosystem, providing seamless integration with Change Detection, Reactive Forms, and more.
|
|
61
|
+
|
|
62
|
+
## 🔗 Links
|
|
63
|
+
|
|
64
|
+
- [Official Documentation](https://xlabs.fint.vn)
|
|
65
|
+
- [Main Repository (Mono-repo)](../../README.md)
|