@public-ui/angular-v21

KoliBri Angular Adapter (v20)

This package provides an Angular adapter for KoliBri components, making them easily usable in Angular applications.

Installation

npm install @public-ui/angular-v20

With Standalone Components (Recommended)

import { Component } from '@angular/core';
import { KolButton } from '@public-ui/angular-v20';

@Component({
	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:

import { KolButton, KolInputText, KolHeading } from '@public-ui/angular-v20';

@Component({
  imports: [KolButton, KolInputText, KolHeading],
})

Migration from NgModule to Standalone

• Remove the KoliBriModule import from your NgModule
• Import the specific components you need directly
• Add them to your component's imports array
• Ensure your component is marked standalone: true

Browser Support

This package supports all modern browsers that are supported by Angular 20.

License

EUPL-1.2

References

• Architecture Concept
• Project Documentation