Those third-parties are required
- Bootstrap 4
- Material Design Iconic Font (http://zavoloklom.github.io/material-design-iconic-font/)
- Google Fonts
Roboto
weight 300,400,500,700
index.html
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
index.js (React main file)
import 'normalize.css';
import ThemeProvider from 'tgp-react-components/ThemeProvider'
<ThemeProvider>
<App />
</ThemeProvider>
Custom theme
import ThemeProvider from 'tgp-react-components/ThemeProvider'
const customTheme = {
colors: {
red: '#F83111'
}
}
<ThemeProvider theme={customTheme}>
<App />
</ThemeProvider>
npm run storybook
| run the storybook for developmentnpm start
| start web document server for static document websitenpm run build:lib
| building the component library
- https://polished.js.org/
- styled-components