적용 코드
<UploadButton radius="28px" size="50px" bg="var(--main-color)" id="imgUpload" />
JavaScript
복사
속성 | 설명 |
radius | 내부 이미지 크기 |
size | 전체 원 크기 |
bg | 배경색상 |
id | input 태그 id / label for |
컴포넌트 구현 코드
export default function UploadButton({ radius, size, bg, id }) {
return (
<UploadButtonBox htmlFor={id} radius={radius} size={size} bg={bg}>
<span className="sr-only">이미지 업로드</span>
<input type="file" id={id} className={`id sr-only`} />
</UploadButtonBox>
);
}
JavaScript
복사
