주특기 심화 (React) TIL

2023.07.11

오늘의 회고

개인과제에 집중하고 있다.

styled-components

개인과제에 쓸 버튼을 컴포넌트로 나눠서 styled-components를 적용해 보았다.

import React from "react";
import { styled, css } from "styled-components";

const StyledButton = styled.button`
  ${({ size }) => {
    switch (size) {
      case "large":
        return css`
          // 큰 버튼
        `;
      case "small":
        return css`
          // 작은 버튼
        `;
    }
  }}
`;
function Button({ children, ...rest }) {
  return <StyledButton {...rest}>{children}</StyledButton>;
}

export default Button;