005cf56baf
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
32 lines
858 B
TypeScript
32 lines
858 B
TypeScript
import List from '@mui/joy/List';
|
|
import ListItem from '@mui/joy/ListItem';
|
|
import ListItemButton from '@mui/joy/ListItemButton';
|
|
import IconButton from '@mui/joy/IconButton';
|
|
import Add from '@mui/icons-material/Add';
|
|
import Delete from '@mui/icons-material/Delete';
|
|
|
|
export default function SecondaryList() {
|
|
return (
|
|
<List sx={{ maxWidth: 300 }}>
|
|
<ListItem
|
|
startAction={
|
|
<IconButton aria-label="Add" size="sm" variant="plain" color="neutral">
|
|
<Add />
|
|
</IconButton>
|
|
}
|
|
>
|
|
<ListItemButton>Item 1</ListItemButton>
|
|
</ListItem>
|
|
<ListItem
|
|
endAction={
|
|
<IconButton aria-label="Delete" size="sm" color="danger">
|
|
<Delete />
|
|
</IconButton>
|
|
}
|
|
>
|
|
<ListItemButton>Item 2</ListItemButton>
|
|
</ListItem>
|
|
</List>
|
|
);
|
|
}
|