Voina is the next component library of JSMonday, build on top of React.js, TypeScript and SCSS.

You can follow its progress on http://voina.jsmonday.dev

Installation

You can install voina via npm (currently as a pre-release):

npm i -s @hackdoor/voina
# or
yarn add @hackdoor/voina

Usage

In order to start to use voina, you need to import it's CSS bundle:

import "@hackdoor/voina/voina.dist.css";

now you're ready to use voina components:

import * as React from "React";
import { Button } from "@hackdoor/voina";

export type MySceneProps = {};

const MyScene: React.FunctionalComponent<MySceneProps> = () => (
  <div>
    <Button color="magenta" fullwidth>
      Click me!
    </Button>
  </div>
);

export default MyScene;

License

GPL V3 LICENSED