How to use material-ui-core - 3 common examples
To help you get started, we’ve selected a few material-ui-core examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
netgroup-polito / CrownLabs / webservice / website / src / components / LabTemplatesList.js View on Github 
import React from 'react';
import { makeStyles } from 'material-ui-core/styles';
import List from 'material-ui-core/List';
import ListItem from 'material-ui-core/ListItem';
import ListItemText from 'material-ui-core/ListItemText';
import ListSubheader from 'material-ui-core/ListSubheader';
import '../views/admin.css';
import PlayCircleOutlineIcon from '@material-ui/icons/PlayCircleOutline';
import { IconButton } from 'material-ui-core';
import Tooltip from '@material-ui/core/Tooltip';
import Paper from 'material-ui-core/Paper';
/*The style for the ListItem*/
const useStyles = makeStyles(theme => ({
root: {
width: '100%',
height: '100%',
backgroundColor: theme.palette.background.paper,
position: 'relative',
overflow: 'auto',
maxHeight: '44vh',
'& > svg': {
margin: theme.spacing(2)
}
},
listSection: {
backgroundColor: 'inherit'
},
ul: {
backgroundColor: 'inherit',import { makeStyles } from 'material-ui-core/styles';
import List from 'material-ui-core/List';
import ListItem from 'material-ui-core/ListItem';
import ListItemText from 'material-ui-core/ListItemText';
import ListSubheader from 'material-ui-core/ListSubheader';
import '../views/admin.css';
import CancelOutlinedIcon from '@material-ui/icons/CancelOutlined';
import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
import { IconButton } from 'material-ui-core';
import VisibilityIcon from '@material-ui/icons/Visibility';
import HourglassEmptyIcon from '@material-ui/icons/HourglassEmpty';
import Tooltip from '@material-ui/core/Tooltip';
import Paper from 'material-ui-core/Paper';
/*The style for the ListItem*/
const useStyles = makeStyles(theme => ({
root: {
width: '100%',
height: '100%',
backgroundColor: theme.palette.background.paper,
position: 'relative',
overflow: 'auto',
maxHeight: '44vh',
'& > svg': {
margin: theme.spacing(2)
}
},
listSection: {
backgroundColor: 'inherit'
},
ul: {
backgroundColor: 'inherit',import { Col, Row } from 'react-bootstrap';
import LabTemplatesList from '../components/LabTemplatesList';
import LabInstancesList from '../components/LabInstancesList';
import React from 'react';
import StatusArea from '../components/StatusArea';
import './admin.css';
import { makeStyles } from 'material-ui-core/styles';
const useStyles = makeStyles(theme => ({
labPapers: {
display: 'flex',
justifyContent: 'space-around',
width: '100%',
flexWrap: 'wrap',
marginTop: 30
}
}));
export default function StudentView(props) {
const classes = useStyles();
return (
<>
<div>
</div>material-ui-core
React components that implement Google's Material Design.
