KoliBri - Solid-Adapter

!contributors

Motivation

Provide an adapter for SolidJS to use the KoliBri components.

Installation

You can install the adapter with npm, pnpm or yarn:

``bash
npm i @public-ui/solid
pnpm i @public-ui/solid
yarn add @public-ui/solid
`

Usage

First, initialize KoliBri with a theme and create a Solid root:

`ts
import { defineCustomElements } from '@public-ui/components/loader';
import { register } from '@public-ui/components';
import { DEFAULT } from '@public-ui/solid';

register(DEFAULT, defineCustomElements)
.then(() => {
const htmlDivElement: HTMLDivElement | null = document.querySelector('div#app');
if (htmlDivElement instanceof HTMLDivElement) {
render(() => , htmlDivElement);
}
})
.catch(console.warn);
`

Then, you can import any component from @public-ui/solid and render it within components:

`tsx
import { Component } from 'solid-js';
import { KolButton } from '@public-ui/solid';

export const AppComponent: Component = () => ;
``

For customization options read the default theme README.