styled-components로 ant design 컴포넌트 css 오버라이딩

antd 설치 및 사용법 👇

carpet-part1.tistory.com/327

 

 

---

styled-components 설치

npm i styled-components

 

antd css 오버라이딩 할 컴포넌트에 import

import styled from 'styled-components';

 

styled-component 사용법

import React from 'react';
import styled from 'styled-components';
import { Button } from 'antd';

const ButtonWrapper = styled(Button)`
    background: green;
    
    :hover {
        background: green;
    }
`;

const antdForm = () => {
    return (
        <>
        <ButtonWrapper type="primary">
            버튼
        </ButtonWrapper>
        </>
    );
};

export default antdForm;

hover style 적용시에는 :hover { 적용할 css }로 사용함