![](https://velog.velcdn.com/images%2Fconsole%2Fpost%2F5677b1bc-3dc8-441c-a37e-24e091e6f5d5%2Fimage.png)
import {Grid, TextField} from "@mui/material";
<TextField/>
![](https://velog.velcdn.com/images%2Fconsole%2Fpost%2F88ba55eb-c4dd-4b66-be1d-cf699738f7d7%2Fimage.png)
<TextField variant={"outlined"} defaultValue={"outline"}/>
<TextField variant={"filled"} defaultValue={"filled"}/>
<TextField variant={"standard"} defaultValue={"standard"}/>
![](https://velog.velcdn.com/images%2Fconsole%2Fpost%2F91dfba18-519b-433d-afce-7e4fdc8b1a3a%2Fimage.png)
<TextField
multiline
maxRows={4}
defaultValue={"require"}
/>
![](https://velog.velcdn.com/images%2Fconsole%2Fpost%2F64e1dd17-ca43-4049-a1dd-fa220312b965%2Fimage.png)
<TextField
select
defaultValue={currency}
SelectProps={{
native: true, //기본 박스로UI변경
}}
>
<MenuItem value={"가나다라"}>
가나다라
</MenuItem>
<MenuItem value={"1234"}>
1234
</MenuItem>
</TextField>
![](https://velog.velcdn.com/images%2Fconsole%2Fpost%2Fdad3c160-09a5-442e-9a0f-78e6664ddaf3%2Fimage.png)
<TextField label="Outlined secondary" color="secondary" focused/>
//focused 일때만 컬러입힘.