🛠️ 만들고자 한 기능 설명
피그마 범용 액션 버튼(button/action)을 디자인 시스템 공용 Button 컴포넌트로 구현합니다.
variant(primary/secondary) × appearance(fill/outline) × size(m/lg) × 비활성 상태, 그리고 왼쪽 아이콘 조합(24개)을 props로 표현합니다.
이번 작업은 컴포넌트와 Storybook 추가까지이고, 기존 버튼을 교체하는 건 별도 이슈에서 진행합니다.
✅ TODO LIST
⏰ 예상 작업 기간
1일
📝 참고 링크(선택)
🗣️ ETC(선택)
📸 피그마 스크린샷
🛠️ 만들고자 한 기능 설명
피그마 범용 액션 버튼(
button/action)을 디자인 시스템 공용Button컴포넌트로 구현합니다.variant(primary/secondary) ×appearance(fill/outline) ×size(m/lg) × 비활성 상태, 그리고 왼쪽 아이콘 조합(24개)을 props로 표현합니다.이번 작업은 컴포넌트와 Storybook 추가까지이고, 기존 버튼을 교체하는 건 별도 이슈에서 진행합니다.
✅ TODO LIST
Button컴포넌트 구현 (variant · appearance · size · icon,disabled상태 스타일)className으로 레이아웃 확장(w-full,flex-1)index.ts에 export 추가⏰ 예상 작업 기간
1일
📝 참고 링크(선택)
🗣️ ETC(선택)
📸 피그마 스크린샷