#TIL 22일차(React styled-components)

Styled Components란?

Styled Components는 React와 함께 사용되는 CSS-in-JS 라이브러리로, avaScript 파일 내에서 스타일을 정의할 수 있도록 한다.

사용 방법

1. 패키지 설치

npm install styled-components

2. 코드 예시

import styled from 'styled-components';

const Button = styled.button`
  background: palevioletred;
  border: none;
  border-radius: 3px;
  color: white;
  padding: 0.5em 1em;
  cursor: pointer;

  &:hover {
    background: #d45d79;
  }
`;

function App() {
  return <Button>Click me</Button>;
}

export default App;