mirror of
https://github.com/bubblecup-12/VogelSocialMedia.git
synced 2025-07-08 03:28:50 +00:00
new tests for mui
This commit is contained in:
parent
da5b2a743f
commit
036b47e0fd
3 changed files with 295 additions and 0 deletions
84
code/frontend/src/Bio.tsx
Normal file
84
code/frontend/src/Bio.tsx
Normal file
|
@ -0,0 +1,84 @@
|
|||
import * as React from 'react';
|
||||
import Box from '@mui/material/Box';
|
||||
import TextField from '@mui/material/TextField';
|
||||
|
||||
export default function MultilineTextFields() {
|
||||
return (
|
||||
<Box
|
||||
component="form"
|
||||
sx={{ '& .MuiTextField-root': { m: 1, width: '25ch' } }}
|
||||
noValidate
|
||||
autoComplete="off"
|
||||
>
|
||||
<div>
|
||||
<TextField
|
||||
id="outlined-multiline-flexible"
|
||||
label="Multiline"
|
||||
multiline
|
||||
maxRows={4}
|
||||
/>
|
||||
<TextField
|
||||
id="outlined-textarea"
|
||||
label="Multiline Placeholder"
|
||||
placeholder="Placeholder"
|
||||
multiline
|
||||
/>
|
||||
<TextField
|
||||
id="outlined-multiline-static"
|
||||
label="Multiline"
|
||||
multiline
|
||||
rows={4}
|
||||
defaultValue="Default Value"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<TextField
|
||||
id="filled-multiline-flexible"
|
||||
label="Multiline"
|
||||
multiline
|
||||
maxRows={4}
|
||||
variant="filled"
|
||||
/>
|
||||
<TextField
|
||||
id="filled-textarea"
|
||||
label="Multiline Placeholder"
|
||||
placeholder="Placeholder"
|
||||
multiline
|
||||
variant="filled"
|
||||
/>
|
||||
<TextField
|
||||
id="filled-multiline-static"
|
||||
label="Multiline"
|
||||
multiline
|
||||
rows={4}
|
||||
defaultValue="Default Value"
|
||||
variant="filled"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<TextField
|
||||
id="standard-multiline-flexible"
|
||||
label="Multiline"
|
||||
multiline
|
||||
maxRows={4}
|
||||
variant="standard"
|
||||
/>
|
||||
<TextField
|
||||
id="standard-textarea"
|
||||
label="Multiline Placeholder"
|
||||
placeholder="Placeholder"
|
||||
multiline
|
||||
variant="standard"
|
||||
/>
|
||||
<TextField
|
||||
id="standard-multiline-static"
|
||||
label="Multiline"
|
||||
multiline
|
||||
rows={4}
|
||||
defaultValue="Default Value"
|
||||
variant="standard"
|
||||
/>
|
||||
</div>
|
||||
</Box>
|
||||
);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue