0.3.3 • Published 5 years ago
jss-react-material v0.3.3
React Material Design
Install
npm install jss-react-material
Dependencies
react >= 15.3.0
How To Use
create theme.scss file with your favorite colors
@import '~jss-react-material/src/style/common/colors';
$backgroundColor: #fff;
$backgroundColorPrimary: $brown600;
$backgroundColorSecondary: $green500;
$backgroundColorFloating: $brown900;
$textColor: $darkBlack;
$textColorPimary: $fullWhite;
$textColorSecondary: $green500;
$colorInputActive: $brown600;
$colorTabSelected: $fullWhite;
$windowBackground: $grey50;
$backgroundOpacity: rgba(0, 0, 0, 0.08);
$borderColor: rgba(0, 0, 0, 0.16);
import theme.scss and base scss file from react-material in the main scss file
@import './theme';
@import '~jss-react-material/index';
body {
margin:0;
background: $windowBackground;
font-family: 'Roboto', sans-serif;
}
Components
- AppBar
- AutoComplete
- Avatar
- BottomSheet
- DialogAlert
- DialogFullScreen
- FontIcon
- IconButton
- FlatButton
- FloatingActionButton
- MenuItem
- MenuDropDown
- RaisedButton
- Card,
- CardHeader
- Chip
- Header
- List
- ListItem
- Tab
- Tabs
- InputControl
- InputText
- InputArea
- SelectionControl
- Paper
- PickerDate
- RichMedia,
- SearchFilter
- Snackbar
- Stepper
- StepperStep
- ProgressLinear
Contributions
Yes please! See the contributing guidelines for details.
Changelog
- Fix error in prop types
- V0.3.0 update to react 16.7
- V0.2.0 update dependencies fix linting issues
- V0.1.20 Add compatibility for string icons
- V0.1.9 Bump Version material icons
- V0.1.8 Add MenuDropDown onSelect prop
- V0.1.7 Add TextArea Component
- V0.1.6 Reduce React Warnings
- V0.1.5 Add Menu DropDown and StepperStep
- V0.1.0 Add basic Material Design Components