/Javascript/React/React material ui media queries

React material ui media queries

const styles = {
  drawerWidth: {
    width: '50%',
    ['@media (min-width:780px)']: { // eslint-disable-line no-useless-computed-key
      width: '80%'
    }
  }
}

Source: stackoverflow.com

Material ui jss media query

const styles = theme => ({
  root: {
    backgroundColor: 'blue',
    [theme.breakpoints.up('md')]: {
      backgroundColor: 'red',
    },
  },
});

Source: stackoverflow.com

Similar codes

1 vote322 views1 answer
React lottie player on hover
Javascript React
0 vote369 views1 answer
Button click open external link react
Javascript React
3 votes308 views1 answer
React router dom current path hook
Javascript React
125 votes419 views6 answers
Create React App command
Javascript React
0 vote319 views1 answer
Render object id in an array reactjs from database
Javascript React
1 vote311 views1 answer
Tab navigation react-native without title
Javascript React
2 votes295 views1 answer
Can't import react bootstrap
Javascript React
0 vote381 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
0 vote314 views1 answer
React testing library for hooks
Javascript React
18 votes321 views3 answers
Add material ui to react
Javascript React