ONE LIBRARY. YOUR STACK.

Preact integration

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

Preact

@revolist/ui/preact

Use the components directly with Preact hooks. Configure your JSX runtime for Preact. Props, variants and callbacks are the same shared contracts used by the adapters.

Usage example · TSX

/** @jsxImportSource preact */
import { useState } from 'preact/hooks';
import { Button } from '@revolist/ui/preact';

export function Example() {
  const [count, setCount] = useState(0);
  return (
    <Button rounded variant="primary" onClick={() => setCount(count + 1)}>
      Create report · {count}
    </Button>
  );
}

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.