개발하고 싶은 초심자

[Material UI/MUI] 아이콘 적용 및 크기 조절 본문

기술개념정리(in Javascript)/개발&에러핸들링(in Work(Codestates))

[Material UI/MUI] 아이콘 적용 및 크기 조절

정새얀 2022. 10. 10. 12:30 
import IconButton from '@mui/material/IconButton';
import MenuIcon from '@mui/icons-material/Menu';

return (
  <>
    <IconButton>
      <MenuIcon fontSize='large' />
    </IconButton>
  </>
)

텍스트를 활용한 버튼의 경우에는 Button으로 감싸줄 수 있지만,

그렇지 않은 홈페이지, 휴지통, 메뉴(사이드바) 등 순수 아이콘의 경우에는 IconButton으로 감싸준다.

(reference)

사이즈 변경은 fontSize를 활용하여 바꾸어준다.

'기술개념정리(in Javascript) > 개발&에러핸들링(in Work(Codestates))' 카테고리의 다른 글

[Git] .gitignore에 .env 파일을 추가해도 그대로 올라가는 경우  (0) 2022.10.11
[React] NavLink에 styled-components 적용하기  (0) 2022.10.10
[Git] 기존 프로젝트 github repository에 연결하기  (0) 2022.10.07
[React] 리액트 관련 에러 및 핸들링  (0) 2022.10.06
[React] 특정 페이지에서 header/footer 보이지 않게 하기  (0) 2022.10.04
'기술개념정리(in Javascript)/개발&에러핸들링(in Work(Codestates))' Related Articles more
Comments