16 lines
459 B
JavaScript
16 lines
459 B
JavaScript
|
import Box from '@mui/material/Box';
|
||
|
|
import TextField from '@mui/material/TextField';
|
||
|
|
|
||
|
|
export default function HelperTextMisaligned() {
|
||
|
|
return (
|
||
|
|
<Box sx={{ display: 'flex', alignItems: 'center', '& > :not(style)': { m: 1 } }}>
|
||
|
|
<TextField
|
||
|
|
helperText="Please enter your name"
|
||
|
|
id="demo-helper-text-misaligned"
|
||
|
|
label="Name"
|
||
|
|
/>
|
||
|
|
<TextField id="demo-helper-text-misaligned-no-helper" label="Name" />
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
}
|