npm install --save nordnet-ui-kit # or
yarn add nordnet-ui-kit
// src/root.js
import { ThemeProvider } from 'react-jss';
import { theme } from 'nordnet-ui-kit';
import App from './App'
const Root = (
<ThemeProvider theme={theme}>
<App />
</ThemeProvider>
);
ReactDOM.render(Root, document.getElementById('app'));
// src/App.js
import { Button } from 'nordnet-ui-kit';
const App = props => (
<div>
<Button variant="primary" modifier="success">
Success
</Button>
</div>
);
export default App;
To see what is exported from nordnet-ui-kit, please see the documentation below or index.js
v1.5.1
and lower depends on jss-theme-reactor
and jss@7
v1.6.0+
depends on @iamstarkov/jss-theme-reactor
and jss@8
, so please update your components to use @iamstarkov/jss-theme-reactor
instead of jss-theme-reactor
v1.7.0+
depends on react-jss
and jss@8
, so please update your components to use react-jss
instead of @iamstarkov/jss-theme-reactor
.
Also, v1.7.0
deprecates exported ThemeProvider
, createShallow
and createMount
.
It will be removed in next major release. Read more in v1.7.0 migration docsv1.7.0
also features react-jss
over jss-theme-reactor
, please read how to migrate your components.Developing workflow can be found in the contributing guidelines.
Everyone is welcome to contribute. Please take a moment to review the contributing guidelines.
This open source project released by Nordnet is licensed under the MIT license.