- : The most basic UI element. Centers content horizontally.
- : An element that isolates/wraps css styles.
- : allows page layout grid control on 12-column grid layout. e.g.:
<Grid item xs={12} sm={6}><Paper className={classes.paper}>Test</Paper>
item: pass the item property to components inside a container component so that they become items.
component: property that allows
container: property that allows component to become a container. It holds items. A component can be both a container or an item.
variant:
withStyles(styles):
Boilerplate Steps:
- Add CSS Baseline to reset browser quirks.
- Make sure to add Responsive Meta Tag
- Add reference to Roboto font