materialuiupgraded
Version:
Material-UI's workspace package
37 lines (35 loc) • 1.09 kB
JavaScript
import React from 'react';
import Icon from '@material-ui/core/Icon';
import ListItem from '@material-ui/core/ListItem';
import ListItemText from '@material-ui/core/ListItemText';
import ListItemIcon from '@material-ui/core/ListItemIcon';
export default function IconListItem() {
return (
<div style={{ backgroundColor: '#fff', width: 300 }}>
<ListItem>
<ListItemIcon>
<Icon>phone</Icon>
</ListItemIcon>
<ListItemText primary="Icon" />
</ListItem>
<ListItem>
<ListItemText inset primary="Inset" secondary="Secondary" />
</ListItem>
<ListItem dense>
<ListItemIcon>
<Icon>phone</Icon>
</ListItemIcon>
<ListItemText primary="Icon" />
</ListItem>
<ListItem dense>
<ListItemText inset primary="Inset" secondary="Secondary" />
</ListItem>
<ListItem selected>
<ListItemIcon>
<Icon>phone</Icon>
</ListItemIcon>
<ListItemText primary="Icon" />
</ListItem>
</div>
);
}