ONE LIBRARY. YOUR STACK.

React integration

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

React

@revolist/ui/react

Use named components with normal React state and callbacks. React owns your children and custom content. Install React and react-dom in your application.

Usage example · TSX

import { useState } from 'react';
import { Button } from '@revolist/ui/react';

export default 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.