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
28 lines
778 B
JavaScript
28 lines
778 B
JavaScript
import Box from '@mui/material/Box';
|
|
import InputLabel from '@mui/material/InputLabel';
|
|
import FormControl from '@mui/material/FormControl';
|
|
import NativeSelect from '@mui/material/NativeSelect';
|
|
|
|
export default function NativeSelectDemo() {
|
|
return (
|
|
<Box sx={{ minWidth: 120 }}>
|
|
<FormControl fullWidth>
|
|
<InputLabel variant="standard" htmlFor="uncontrolled-native">
|
|
Age
|
|
</InputLabel>
|
|
<NativeSelect
|
|
defaultValue={30}
|
|
inputProps={{
|
|
name: 'age',
|
|
id: 'uncontrolled-native',
|
|
}}
|
|
>
|
|
<option value={10}>Ten</option>
|
|
<option value={20}>Twenty</option>
|
|
<option value={30}>Thirty</option>
|
|
</NativeSelect>
|
|
</FormControl>
|
|
</Box>
|
|
);
|
|
}
|