@public-ui/angular-v19 3.0.1-rc.0 → 3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.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
@@ -11,57 +11,96 @@
11
11
  This package provides an Angular adapter for KoliBri components, making them easily usable in Angular applications.
12
12
 
13
13
  ## Installation
14
+
14
15
  ```bash
15
16
  npm install @public-ui/angular-v19
17
+ pnpm add @public-ui/angular-v19
16
18
  ```
17
19
 
20
+ ## Usage
21
+
18
22
  ### With NgModule (Traditional)
23
+
19
24
  ```typescript
20
25
  import { NgModule } from '@angular/core';
21
26
  import { KoliBriModule } from '@public-ui/angular-v19';
22
27
 
23
28
  @NgModule({
24
- imports: [KoliBriModule],
29
+ imports: [KoliBriModule],
30
+ // ...
25
31
  })
26
32
  export class AppModule {}
27
33
  ```
28
34
 
29
35
  ### With Standalone Components (Recommended)
36
+
30
37
  ```typescript
31
38
  import { Component } from '@angular/core';
32
39
  import { KolButton } from '@public-ui/angular-v19';
33
40
 
34
41
  @Component({
35
- selector: 'app-root',
36
- standalone: true,
37
- imports: [KolButton],
38
- template: ` <kol-button _label="Click me!"></kol-button> `,
42
+ selector: 'app-root',
43
+ standalone: true,
44
+ imports: [KolButton],
45
+ template: ` <kol-button _label="Click me!"></kol-button> `,
39
46
  })
40
47
  export class AppComponent {}
41
48
  ```
42
49
 
43
50
  ## Available Components
51
+
44
52
  All KoliBri components are available as standalone components. Here's how to use them:
53
+
45
54
  ```typescript
46
55
  import { KolButton, KolInputText, KolHeading } from '@public-ui/angular-v19';
47
56
 
48
57
  @Component({
58
+ // ...
49
59
  imports: [KolButton, KolInputText, KolHeading],
50
60
  })
51
61
  ```
52
62
 
53
63
  ## Migration from NgModule to Standalone
64
+
65
+ If you're migrating from the NgModule approach to standalone components:
66
+
54
67
  1. Remove the `KoliBriModule` import from your NgModule
55
68
  2. Import the specific components you need directly
56
69
  3. Add them to your component's `imports` array
57
- 4. Ensure your component is marked `standalone: true`
70
+ 4. Make sure your component is marked as `standalone: true`
71
+
72
+ Example migration:
73
+
74
+ ```typescript
75
+ // Before (NgModule)
76
+ import { KoliBriModule } from '@public-ui/angular-v19';
77
+
78
+ @NgModule({
79
+ imports: [KoliBriModule],
80
+ })
81
+ export class AppModule {}
82
+
83
+ // After (Standalone)
84
+ import { KolButton } from '@public-ui/angular-v19';
85
+
86
+ @Component({
87
+ standalone: true,
88
+ imports: [KolButton],
89
+ })
90
+ export class AppComponent {}
91
+ ```
58
92
 
59
93
  ## Browser Support
94
+
60
95
  This package supports all modern browsers that are supported by Angular 19.
61
96
 
97
+ Tokens can be customized with your own theme. See [default theme README](../../../themes/default/README.md).
98
+
62
99
  ## License
100
+
63
101
  EUPL-1.2
64
102
 
65
103
  ## References
104
+
66
105
  - [Architecture Concept](https://public-ui.github.io/docs/concepts/architecture)
67
106
  - [Project Documentation](https://public-ui.github.io/docs)