Skip to content

[FEAT] 공용 Button 컴포넌트 추가 #305

Description

@ehye1

🛠️ 만들고자 한 기능 설명

피그마 범용 액션 버튼(button/action)을 디자인 시스템 공용 Button 컴포넌트로 구현합니다.
variant(primary/secondary) × appearance(fill/outline) × size(m/lg) × 비활성 상태, 그리고 왼쪽 아이콘 조합(24개)을 props로 표현합니다.
이번 작업은 컴포넌트와 Storybook 추가까지이고, 기존 버튼을 교체하는 건 별도 이슈에서 진행합니다.

✅ TODO LIST

  • Button 컴포넌트 구현 (variant · appearance · size · icon, disabled 상태 스타일)
  • 높이는 고정, 가로는 hug(좌우 패딩)로 구성하고 className으로 레이아웃 확장(w-full, flex-1)
  • Storybook 작성 (Default, AllVariants, WithIcon, FullWidth)
  • 디자인 시스템 index.ts에 export 추가

⏰ 예상 작업 기간

1일

📝 참고 링크(선택)

🗣️ ETC(선택)

📸 피그마 스크린샷

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions