@public-ui/angular-v19 3.0.1-rc.0 → 3.0.1

package/README.md

@@ -11,57 +11,93 @@
 This package provides an Angular adapter for KoliBri components, making them easily usable in Angular applications.
 
 ## Installation
+
 ```bash
 npm install @public-ui/angular-v19
 ```
 
+## Usage
+
 ### With NgModule (Traditional)
+
 ```typescript
 import { NgModule } from '@angular/core';
 import { KoliBriModule } from '@public-ui/angular-v19';
 
 @NgModule({
-        imports: [KoliBriModule],
+	imports: [KoliBriModule],
+	// ...
 })
 export class AppModule {}
 ```
 
 ### With Standalone Components (Recommended)
+
 ```typescript
 import { Component } from '@angular/core';
 import { KolButton } from '@public-ui/angular-v19';
 
 @Component({
-        selector: 'app-root',
-        standalone: true,
-        imports: [KolButton],
-        template: ` <kol-button _label="Click me!"></kol-button> `,
+	selector: 'app-root',
+	standalone: true,
+	imports: [KolButton],
+	template: ` <kol-button _label="Click me!"></kol-button> `,
 })
 export class AppComponent {}
 ```
 
 ## Available Components
+
 All KoliBri components are available as standalone components. Here's how to use them:
+
 ```typescript
 import { KolButton, KolInputText, KolHeading } from '@public-ui/angular-v19';
 
 @Component({
+  // ...
   imports: [KolButton, KolInputText, KolHeading],
 })
 ```
 
 ## Migration from NgModule to Standalone
+
+If you're migrating from the NgModule approach to standalone components:
+
 1. Remove the `KoliBriModule` import from your NgModule
 2. Import the specific components you need directly
 3. Add them to your component's `imports` array
-4. Ensure your component is marked `standalone: true`
+4. Make sure your component is marked as `standalone: true`
+
+Example migration:
+
+```typescript
+// Before (NgModule)
+import { KoliBriModule } from '@public-ui/angular-v19';
+
+@NgModule({
+	imports: [KoliBriModule],
+})
+export class AppModule {}
+
+// After (Standalone)
+import { KolButton } from '@public-ui/angular-v19';
+
+@Component({
+	standalone: true,
+	imports: [KolButton],
+})
+export class AppComponent {}
+```
 
 ## Browser Support
+
 This package supports all modern browsers that are supported by Angular 19.
 
 ## License
+
 EUPL-1.2
 
 ## References
+
 - [Architecture Concept](https://public-ui.github.io/docs/concepts/architecture)
 - [Project Documentation](https://public-ui.github.io/docs)