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
44 lines
1.3 KiB
JavaScript
44 lines
1.3 KiB
JavaScript
import * as React from 'react';
|
|
import OutlinedInput from '@mui/material/OutlinedInput';
|
|
import InputLabel from '@mui/material/InputLabel';
|
|
import MenuItem from '@mui/material/MenuItem';
|
|
import FormHelperText from '@mui/material/FormHelperText';
|
|
import FormControl from '@mui/material/FormControl';
|
|
import Select from '@mui/material/Select';
|
|
|
|
export default function SelectAlignment() {
|
|
return (
|
|
<div>
|
|
<FormControl>
|
|
<InputLabel htmlFor="age1">Age</InputLabel>
|
|
<Select
|
|
value=""
|
|
label="Age"
|
|
id="age1"
|
|
fullWidth
|
|
input={<OutlinedInput name="age1" label="year" id="age1" />}
|
|
>
|
|
<MenuItem value="">
|
|
<em>None</em>
|
|
</MenuItem>
|
|
<MenuItem value={10}>Ten</MenuItem>
|
|
</Select>
|
|
</FormControl>
|
|
<FormControl>
|
|
<InputLabel htmlFor="age2">year</InputLabel>
|
|
<Select value={10} input={<OutlinedInput label="year" name="year" id="age2" />}>
|
|
<MenuItem value="">
|
|
<em>None</em>
|
|
</MenuItem>
|
|
<MenuItem value={10}>Ten</MenuItem>
|
|
</Select>
|
|
</FormControl>
|
|
<FormControl>
|
|
<InputLabel htmlFor="name-input">Name</InputLabel>
|
|
<OutlinedInput id="name-input" />
|
|
<FormHelperText>Alignment with an input</FormHelperText>
|
|
</FormControl>
|
|
</div>
|
|
);
|
|
}
|