QuenUI Components

A set of UI components for React applications.

Installation

npm install @quen-ui/components @quen-ui/theme

Quick start

import { Button } from '@quen-ui/components';

export function App() {
  return (
    <div>
      <Button view="primary">Save</Button>
      <Button view="secondary">Cancel</Button>
    </div>
  );
}

Theme support

Components use tokens from @quen-ui/theme. Make sure the theme is enabled in your app:

import { QuenUIProvider, QuenUIDarkTheme } from '@quen-ui/theme';
import { Button } from '@quen-ui/components';

export function App() {
  return (
    <QuenUIProvider theme={QuenUIDarkTheme}>
      <Button variant="primary">Example</Button>
    </QuenUIProvider>
  );
}

Documentation