public-ui-kolibri

# KoliBri - Hydrate-Adapter [](https://www.npmjs.com/package/@public-ui/components) [](https://github.com/public-ui/kolibri/blob/main/LICENSE) [](https://www.npmjs.com/package/@public-ui/hydrate) [](https://github.com/public-ui/kolibri/issues) [](https://github.com/public-ui/kolibri/pulls) [](https://bundlephobia.com/result?p=@public-ui/hydrate)  ## Motivation Provide an adapter for Server Side Rendering of KoliBri components. ⚠️ Hydrate support is currently considered experimental. ## Installation You can install the adapter with `npm`, `pnpm` or `yarn`: ```bash npm i @public-ui/hydrate pnpm i @public-ui/hydrate yarn add @public-ui/hydrate ``` ## Usage Call the `renderToString` method and pass it an HTML string containing KoliBri component tags. The method will return a Promise that resolves with an object containing the hydrated HTML. ```ts import { renderToString } from '@public-ui/hydrate'; const inputHtml = `<kol-button _label="Hello World"_></kol-button>`; const { html } = await renderToString(inputHtml); ``` Refer to the [default theme README](../../themes/default/README.md) for information on customizing the output.