KoliBri - Standalone React-Adapter

!contributors

Motivation

Provide an adapter for React to use the KoliBri components, without the need for a build/bundle process.

Installation

Load the necessary scripts in your HTML file, either from a CDN or from your local installation:

``html







`

Alternatively install the package locally:

`bash
npm install @public-ui/react-standalone
pnpm add @public-ui/react-standalone
`

Usage

First, initialize KoliBri with a theme:

`ts
import { register } from 'https://unpkg.com/@public-ui/components@2.0.3/dist/esm/index.js';
import { DEFAULT } from 'https://unpkg.com/@public-ui/theme-default/dist/index.mjs';
register(DEFAULT, []).catch(console.warn);
`

KoliBri components, such as KolButton, are globally accessible and can be utilized directly from the global namespace:

`js
const node = document.querySelector('#app');
const root = ReactDOM.createRoot(node);
root.render(React.createElement(KolButton, { _label: 'Hello World' }));
``

See the default theme README for available design tokens.