Skip to components
Revo UI
ONE LIBRARY. YOUR STACK.

Svelte integration

The same components, styling, and interaction patterns for financial apps, reporting, and project management—across React, Vue, Angular, Svelte, Preact, and vanilla TypeScript.

Svelte

@revolist/ui/svelte

Use the Svelte 5 UiComponent host with the component name and props. Pass callbacks in props or observe onUiEvent; onValueChange handles declared value models. Svelte snippets provide custom content.

Usage example · Svelte
<script lang="ts">
import { UiComponent } from '@revolist/ui/svelte';

let count = $state(0);
</script>

<UiComponent
  component="Button"
  props={{
    rounded: true,
    variant: 'primary',
    children: 'Create report · ' + count,
    onClick: () => count++,
  }}
/>

Framework adapters manage their mount lifecycle. For manual mounts, always call destroy() when the view is removed. Styles are shared; application state stays in your framework.