Emerald UI

React components

How to run

npm install

npm run storybook

How to use

Install emerald-js-ui package

npm install https://github.com/ETCDEVTeam/emerald-js-ui.git#v0.0.10

or

yarn add https://github.com/ETCDEVTeam/emerald-js-ui.git#v0.0.10

Install material-ui

npm install material-ui

or

yarn add material-ui

Configure MUI Theme

Somewhere in index.js

...
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

import theme from 'emerald-js-ui/src/theme.json';
...

const muiTheme = getMuiTheme(theme);

const App = () => (
    <MuiThemeProvider muiTheme={muiTheme}>
        <Main />
    </MuiThemeProvider>
);

ReactDOM.render(<App />, document.getElementById('app'));

Using icons

import { Block as BlockIcon } from 'emerald-js-ui/lib/icons2';

Contact

Chat with us via Gitter