KoliBri - Svelte-Adapter

Motivation

Provide an adapter for Svelte to use the KoliBri components.

Installation

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

npm i @public-ui/svelte
pnpm i @public-ui/svelte
yarn add @public-ui/svelte

Usage

First, initialize KoliBri with a theme and register the components:

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

await register(DEFAULT, defineCustomElements);

Then, you can import any component from @public-ui/svelte and render it inside a Svelte component:

<script lang="ts">
        import { KolButton } from '@public-ui/svelte';
</script>

<KolButton _label="Hello World" />

Find available design tokens in the default theme README.