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
37 lines
856 B
TypeScript
37 lines
856 B
TypeScript
import Box from '@mui/material/Box';
|
|
import TextField from '@mui/material/TextField';
|
|
|
|
function RedBar() {
|
|
return (
|
|
<Box
|
|
sx={(theme) => ({
|
|
height: 20,
|
|
backgroundColor: 'rgba(255, 0, 0, 0.1)',
|
|
...theme.applyStyles('dark', {
|
|
backgroundColor: 'rgb(255 132 132 / 25%)',
|
|
}),
|
|
})}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default function LayoutTextFields() {
|
|
return (
|
|
<Box
|
|
sx={{
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
'& .MuiTextField-root': { width: '25ch' },
|
|
}}
|
|
>
|
|
<RedBar />
|
|
<TextField label={'margin="none"'} id="margin-none" />
|
|
<RedBar />
|
|
<TextField label={'margin="dense"'} id="margin-dense" margin="dense" />
|
|
<RedBar />
|
|
<TextField label={'margin="normal"'} id="margin-normal" margin="normal" />
|
|
<RedBar />
|
|
</Box>
|
|
);
|
|
}
|