반응형
styled-component
-
React) styled-componentJava Script/React 2020. 11. 4. 00:27
styled-components props 값으로 전달 값을 스타일에 입힐 수 있음 import React from 'react'; import styled, { css } from 'styled-components'; const Box = styled.div` /* props로 넣어준 값을 직접 전달해줄 수 있음 */ background: ${props => props.color || "blue"}; padding: 1rem; display: flex; `; const Button = styled.button` background: white; color: black; border-radius: 4px; padding: 0.5rem; display: flex; align-i..