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;