Photo by Fahrul Razi on Unsplash
Material UI: Create Normal Looking TextFields The Easy Way
MUI TextField variants aren't that good looking, so here's a way to make a normal looking TextField without all the fancy sh*t.
import FormControl from '@mui/material/FormControl';
import FormLabel from '@mui/material/FormLabel';
import OutlinedInput from '@mui/material/OutlinedInput';
function TextFieldDemo() {
return (
<FormControl size="small">
<FormLabel htmlFor="first-name">First name</FormLabel>
<OutlinedInput id="first-name" />
</FormControl>
)
}