Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
26 lines
738 B
TypeScript
26 lines
738 B
TypeScript
import List from '@mui/material/List';
|
|
import ListItem from '@mui/material/ListItem';
|
|
import ListItemText from '@mui/material/ListItemText';
|
|
import CommentIcon from '@mui/icons-material/Comment';
|
|
import IconButton from '@mui/material/IconButton';
|
|
|
|
export default function GutterlessList() {
|
|
return (
|
|
<List sx={{ width: '100%', maxWidth: 360, bgcolor: 'background.paper' }}>
|
|
{[1, 2, 3].map((value) => (
|
|
<ListItem
|
|
key={value}
|
|
disableGutters
|
|
secondaryAction={
|
|
<IconButton aria-label="comment">
|
|
<CommentIcon />
|
|
</IconButton>
|
|
}
|
|
>
|
|
<ListItemText primary={`Line item ${value}`} />
|
|
</ListItem>
|
|
))}
|
|
</List>
|
|
);
|
|
}
|