Material UI에서 Shadow를 완전히 끄는 방법(React)

소개

버튼 재정의

shadow = 'none'

그렇게하면 꺼질 수 있다고 생각 했지만
눌렀을 때 나타나는 그림자는 지울 수없는 것으로 판명되었으므로 조금 더 추가하기로 결정했습니다.

누르기 전

누를 때

해결

이것만
none을 붙이는 방법에 주목


import {createMuiTheme, makeStyles} from '@material-ui/core/styles';
import {MuiThemeProvider} from "@material-ui/core";

const theme = createMuiTheme({
  shadows: ["none"]
});

const Index = () => {
  return(
    <MuiThemeProvider theme={theme}>
      <Button variant={valiant} className={classes.button}>
        ボタンだよん    
      </Button>
    </MuiThemeProvider>
  )
}

마지막으로

「이 화면에서는, 나는 리플 이펙트만을 원해!
그렇다면 시도해보십시오.

Reference

이 문제에 관하여(Material UI에서 Shadow를 완전히 끄는 방법(React)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/from_host/items/ad440aee50d1031b682f

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다