0.0.24 • Published 1 year ago
finno-ui v0.0.24
Run storybook
npm install
- to install all dependencies
npm run storybook
or npm run start
- to run storybook with local dev server
Install as package
First install dependencies in your project:
npm install react react-dom @material-ui/core @material-ui/icons @material-ui/lab immer lodash
Then install ui package itself:
npm install finno-ui
Usage in project
In your root level entry point e.g App.jsx
:
// first import dependencies from material-ui
import { StylesProvider, ThemeProvider, createMuiTheme } from '@material-ui/core/styles';
// then import default theme
import { defaultTheme } from '@finno-ui/ui/dist/theme';
// StylesProvider makes sure, that our custom created css
// is more specific than material-ui original ones.
<StylesProvider injectFirst>
<ThemeProvider theme={createMuiTheme(defaultTheme)}>
<App />
</ThemeProvider>
</StylesProvider>;
Inside your app on any page/container e.g Page.js
:
import { Button } from 'finno-ui';
// ...
// in your react components
// ...
<Button>Test button</Button>;
0.0.24
1 year ago
0.0.21
2 years ago
0.0.22
2 years ago
0.0.23
2 years ago
0.0.20
2 years ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.12
2 years ago
0.0.13
2 years ago
0.0.14
2 years ago
0.0.15
2 years ago
0.0.9
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.8
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.1
2 years ago