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
26 lines
664 B
TypeScript
26 lines
664 B
TypeScript
import MenuButton from '@mui/joy/MenuButton';
|
|
import Menu from '@mui/joy/Menu';
|
|
import MenuItem from '@mui/joy/MenuItem';
|
|
import ArrowDropDown from '@mui/icons-material/ArrowDropDown';
|
|
import Dropdown from '@mui/joy/Dropdown';
|
|
|
|
export default function OrderSelector() {
|
|
return (
|
|
<Dropdown>
|
|
<MenuButton
|
|
variant="plain"
|
|
color="primary"
|
|
endDecorator={<ArrowDropDown />}
|
|
sx={{ whiteSpace: 'nowrap' }}
|
|
>
|
|
Order by
|
|
</MenuButton>
|
|
<Menu sx={{ minWidth: 120 }}>
|
|
<MenuItem>Price</MenuItem>
|
|
<MenuItem>Date</MenuItem>
|
|
<MenuItem>Rating</MenuItem>
|
|
</Menu>
|
|
</Dropdown>
|
|
);
|
|
}
|