[NextJS] sx 사용예시들

Jimin·2024년 4월 25일
0

Next.JS

목록 보기
12/15

Attribute 가져와서 적용시키기 &

sx={{ 
    '& input': {color: 'white', border: 'transparent', width: '84px'},
  	'& label': {color: 'white', },
    '& fieldset': { border: 'transparent'},
    '& button': { color: 'white'},
 }}

Class Name 가져와서 적용시키기 &

sx={{
    '& .MuiInputBase-root': {
    color: 'white',
    '& input': {
    textAlign: 'center'
   },
},
  '& .MuiOutlinedInput-notchedOutline': {
    borderColor: 'transparent'
  },
    '& .MuiButtonBase-root': { // 아이콘 버튼 컬러 변경
      color: 'white'
    }
}}
profile
https://github.com/Dingadung

0개의 댓글