개발 노트

Ant Design - Modal에 있는 버튼에 css 적용 본문

React

Ant Design - Modal에 있는 버튼에 css 적용

알 수 없는 사용자 2023. 8. 31. 14:45

ant design에 Modal을 사용하면 기본적으로 아래와 같은 버튼이 나온다

 

원하는 디자인으로 커스텀하려면 

// 확인버튼
okButtonProps={{ style: { } }}

// 취소버튼
cancelButtonProps={{style: { } }}



<Modal
    okButtonProps={{ style: { backgroundColor:'#029b6d', border:'none' } }}
	cancelButtonProps={{style: {backgroundColor:'#fff', border: '1px solid #7ac7b0', color:'#029b6d'}}}
    ...
>
</Modal>

< 변경 후 >

'React' 카테고리의 다른 글

AMChart - 차트가 화면에 안 나오는 경우  (0) 2023.09.18
React - useLocation( ), useSearchParams( )  (0) 2023.09.09
Ant Design - Radio  (0) 2023.08.30
Ant Design - Input.Group에서 compact 속성  (0) 2023.08.29
useEffect  (0) 2023.08.27