Button- 윤호, 작업완료

Usage

props

• width : 버튼의 너비 (기본값: 550)

• heigth : 버튼의 높이 (기본값: 56)

• backgroundColor : 버튼의 배경색 (기본값: #FFD039)

• fontColor : 버튼의 글자색 (기본값: white)

• fontSize : 버튼의 글자 크기 (기본값: 16px)

example

• default 버튼

<Button>기본버튼</Button>

• 커스텀 버튼1

<Button
	width={550}
	height='56px'
	backgroundColor={yellow}
	fontColor={#fff}
	fontSize={16}>
	커스텀버튼
</Button>

• 커스텀 버튼2

const buttonStyle = {
	width: '550px',
	height: 56,
	backgroundColor= 'rgba(233, 53, 80, 1)',
	fontColor: 'red',
	fontSize: '16px'
}

<Button {...buttonStyle}>커스텀버튼</Button>

개선해야할 점

• width ≥ 250px → border-radius=16px

• width < 250px → border-radius=12px

개발 히스토리

• https://github.com/prgrms-fe-devcourse/FEDC1_WaffleCard_Jieun1/pull/15

• https://github.com/prgrms-fe-devcourse/FEDC1_WaffleCard_Jieun1/pull/18

• https://github.com/prgrms-fe-devcourse/FEDC1_WaffleCard_Jieun1/pull/23