Zum Hauptinhalt springen

Ihre Meinung ist uns wichtig! Gemeinsam mit Ihnen möchten wir KoliBri stetig verbessern. Teilen Sie uns Ihre Ideen, Wünsche oder Anregungen mit – schnell und unkompliziert.

Frameworks

KoliBri kann zur Umsetzung webbasierten Benutzeroberflächen verwendet werden.

Installation​

Alle Pakete/Artefakte von KoliBri werden in der öffentlichen versioniert bereitgestellt.

Schnelle Einrichtung​

React (empfohlen)​

npm i @public-ui/react-v19 @public-ui/theme-default

Vue​

npm i @public-ui/vue @public-ui/theme-default

Angular​

npm i @public-ui/angular-v21 @public-ui/theme-default

Solid​

npm i @public-ui/solid @public-ui/theme-default

Preact​

npm i @public-ui/preact @public-ui/theme-default

💡 Hinweis: Verwenden Sie das Flag --legacy-peer-deps, falls Peer-Dependency-Konflikte auftreten.

Verwendung​

Importieren Sie Komponenten aus dem Adapter-Paket:

import { KolButton } from '@public-ui/react-v19';

Registrieren Sie das Theme vor dem Rendern:

import { register } from '@public-ui/components';
import { defineCustomElements } from '@public-ui/components/loader';
import { DEFAULT } from '@public-ui/theme-default';

await register(DEFAULT, defineCustomElements);