4월 19일 TIL

Styled-components

스타일 속성은 유지하되 태그만 바꿔주고 싶을때

as='바꿔줄 태그'

const BtnBlue = styled.button`
	background-color: blue;
    color: white;
`;

// ....

<BtnBlue as="a" /> // = 버튼이지만 a태그로 바꿔서 사용함

 

 

 

 

 

 

기본 속성값 설정

const Input = styled.input.attrs({ required: true })`
`

 

 

 

 

백그라운드 이미지 설정

일단 import를 한다

import Bg from './img/Bg.jpg';

라고 한 다음. styled-components에서

export const Bgbox = styled.div`
    background: url(${Bg});
 `