28 lines
778 B
TypeScript
28 lines
778 B
TypeScript
|
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>
|
||
|
|
);
|
||
|
|
}
|