J-React-UI

A simple UI library that I use for personal projects.

Documentation

Check out the storybook.

Installation

NPM

npm install j-react-ui

YARN

yarn add j-react-ui

Please note that you can use j-react-ui@next to point to pre-releases; Or to get the latest stable release use @latest instead.

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react';
import { render } from 'react-dom';
import { Themed, Button } from 'j-react-ui';

function App() {
  return (
    <Themed>
      <Button>
        Hello World
      </Button>
    </Themed>    
  );
}

render(<App />, document.querySelector('#app'));

<Themed />

The component is a wrapper around styled-components' ThemeProvider. It sets a default font-family value based on theme.font.

It should be wrapped around the top-level component to ensure that j-react-ui works correctly.