xtring.dev

[Styling] Ant Design과 styled-components 함께 사용하기 : Ant Design + styled-components (based React) 본문

Front-End/Styling

[Styling] Ant Design과 styled-components 함께 사용하기 : Ant Design + styled-components (based React)

xtring 2021. 1. 10. 22:27

 

  

 

  styled-components를 사용하며 Ant Design를 사용해야하면 아래와 같이 사용해보세요. 

  기존의 기본 Tag들과 styled-components를 함께 사용하는 방식과 같습니다!

  

 

 

 

 

 

 

 

  필요에 의해서 사용할 수도 있겠지만 이렇게 사용하는 경우는 크게 없을 것 같네요 🤓 Antd의 class에 일일히 접근해서 모든 스타일을 바꾸는 것 보다 root의 index.css에서 전역으로 Antd 클래스의 스타일을 Tune 해놓은 다음에 사용하는 것이 좋을 것 같습니다! 😎 (저만의 생각입니다..ㅎㅎ)

 

 

 

반응형

'Front-End > Styling' 카테고리의 다른 글

(deprecated)[FE] 🌬tailwindcss로 더 빠른 페이지 만들기(with React)  (0) 2021.03.18
[Styling] 💅Styled Components 이해하고 사용하기! (with React)  (2) 2021.03.09
'Front-End/Styling' Related Articles more
Comments