const CommentTextField = styled(TextField)`
& .MuiOutlinedInput-root {
border-radius: 24px;
& fieldset {
border-color: ${({ theme }) => theme.palette.primary.main};
}
&:hover fieldset {
border-color: ${({ theme }) => theme.palette.primary.main};
}
&.Mui-focused fieldset {
border-color: ${({ theme }) => theme.palette.primary.main};
border-width: 2px;
}
}
`;
'라이브러리 > MUI' 카테고리의 다른 글
[MUI] 캘린더 달력 한국 시간으로 변경하기 (0) | 2025.04.17 |
---|---|
[MUI] <SwipeableTemporaryDrawer/> 전역 상태로 상태 관리 방법 feat.예시코드 (0) | 2025.04.15 |
[MUI] 로딩 컴포넌트 코드 예시 (0) | 2025.04.10 |
[MUI] <Drawer/> 애니메이션 버그 해결 방법 | MUI <Drawer /> 애니메이션이 적용되지 않는 이유 (0) | 2025.03.18 |
[MUI] Next15 | notistack 사용방법 | 스낵바 UI 구현 | 토스트 UI 구현 (0) | 2025.03.08 |