mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-08 13:38:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

basic design finished

Browse source
This commit is contained in:
luisa.bellitto 2025-06-18 16:56:27 +02:00 • committed by Kai Ritthaler
parent f4e3c80430
commit 465c807a60
7 changed files with 458 additions and 320 deletions
Download patch file Download diff file Expand all files Collapse all files

104
code/frontend/src/Bio.tsx
View file

@ -1,84 +1,30 @@
import * as React from 'react';
import Box from '@mui/material/Box';
import TextField from '@mui/material/TextField';
import * as React from "react";
import Box from "@mui/material/Box";
import TextField from "@mui/material/TextField";
import StyledEngineProvider from "@mui/styled-engine/StyledEngineProvider";
import { useFormControl } from '@mui/material/FormControl';
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>
<StyledEngineProvider injectFirst>
<Box
component="form"
sx={{ "& .MuiTextField-root": { m: 1, width: "25ch" } }}
noValidate
autoComplete="off"
>
<div>
<TextField
className="bio-input"
id="outlined-multiline-flexible"
label="Multiline"
multiline
maxRows={4}
onChange={(event) => {}}
/>
</div>
</Box>
</StyledEngineProvider>
);
}