https://github.com/CHAERYEON-LEE/icon-button-UI.git

npm i 

npm run dev

<UploadButton status="idle"></UploadButton>
<UploadButton status="pending"></UploadButton>
<UploadButton status="resolved"></UploadButton>
<UploadButton status="rejected"></UploadButton>
<UploadButton status="disabled"></UploadButton>

<UploadButton></UploadButton>

const uploadStatus = {
    idle:{
        text: "업로드",
        path: "../assets/icons/type=up-arrow.svg"
    },
    pending:{
        text: "업로드 중",
        path: "../assets/icons/type=spinner-animate.svg"
    },
    resolved:{
        text: "완료",
        path: "../assets/icons/type=check-mark.svg"
    },
    rejected:{
        text: "실패",
        path: "../assets/icons/type=cross.svg"
    },
    disabled:{
        text: "업로드",
        path: "../assets/icons/type=not-allowed.svg",
        style: {
            filter:'invert(76%) sepia(8%) saturate(202%) hue-rotate(196deg) brightness(92%) contrast(89%)'
        }
    }
}

const uploadStatus = {
    sayYeah:{
        text: "안녕",
        path: "../assets/icons/type=up-arrow.svg"
    }
}

<UploadButton status="sayYeah"></UploadButton>