Material components for React
React components based on styles from Material Design Components Web project. Components are written in React.js. Doesn't use MDC foundation classes.
Installation
From CDN
From package manager
npm i --save react-mdc-web
Theming
Default theme
- Include CSS with default theme into HTML page
- Or import it into JS/JSX file// MyApp/index.js;
Custom theme
Override default theme colors with Sass or with CSS Custom Properties, just follow these guides:
Usage
; { return <Card> <CardHeader> <CardTitle> Title goes here </CardTitle> </CardHeader> <CardText> Lorem ipsum dolor sit amet sint adipiscing ius eu </CardText> <CardActions> <Button compact>Save</Button> <Button compact accent>Remove</Button> </CardActions> </Card> ; }
More samples could be found on the Documentation Site
License
MIT, see LICENSE for details