728x90
반응형
input
-
MUI - TextFieldMUI 2022. 7. 16. 02:35
Mui의 TextField를 수정하는 방법을 알아보자. Mui의 거의 대부분 컴포넌트의 기존 색들은 Mui의 고유 색인 하늘색을 띤다. 하지만 사이트마다 사용해야 할 색상이 다르기 때문에 수정해야 할 일이 생긴다. 그럼 수정하면 된다 라고 생각할 수 있지만 Mui는 이미 우리가 사용하기 좋게 누군가가 코드를 작성해놓은 상태라 생각보다 style 값들을 변경하는 것이 쉽지 않다. Mui를 사용하는 중이라면 이미 알고 있을 것이다. 그중에 바꾸기 어려운 요소였던 TextField를 소개하고 내가 수정한 부분까지의 코드를 공개한다. 먼저 TextField 그 자체의 상태이다. 번거로움을 피하기 위해 css-in-js인 sx 만을 사용해서 커스텀하겠다. import { Box, TextField } from '..