사전 과제

Button 컴포넌트 만들어서 Storybook에 올리기

기술스택

• Typescript
• React
• styled-component
• storybook

요구사항

1. styled-component를 사용하여 Button 컴포넌트 구현해서 storybook환경에 올리기
2. size 를 받아서 로 버튼 크기 조정하도록 하기 ( 참고 )
3. variant를 받아서 다양한 형태의 버튼 구현해보기 ( 참고 )
4. color를 받아서 버튼 색상 조정가능하도록 하기 ( 참고 )
5. 기타 Button 컴포넌트에 필요한 속성들을 자유롭게 생각하여 속성으로 추가하기 ( ex. disabled , onClick … )
6. 컴포넌트명이나, 프로퍼티명은 자유롭게 정해주세요.

인터페이스 예시

<Button size="" variant="" color="">버튼<Button>

Reference

• https://storybook.js.org/
• https://chakra-ui.com/docs/components/button