Files
react-test/docs/data/joy/components/list/BasicList.tsx
how2ice 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
init project
2025-12-12 14:26:25 +09:00

23 lines
566 B
TypeScript

import List from '@mui/joy/List';
import ListItem from '@mui/joy/ListItem';
import Typography from '@mui/joy/Typography';
export default function BasicList() {
return (
<div>
<Typography
id="basic-list-demo"
level="body-xs"
sx={{ textTransform: 'uppercase', fontWeight: 'lg' }}
>
Ingredients
</Typography>
<List aria-labelledby="basic-list-demo">
<ListItem>1 red onion</ListItem>
<ListItem>2 red peppers</ListItem>
<ListItem>120g bacon</ListItem>
</List>
</div>
);
}