[#9] 버튼 컴포넌트 구현

[suuuuya]

📄 PR 내용 요약

기본 버튼(기본, 아웃라인)과 아이콘 버튼, 아이콘 + 텍스트 형태의 버튼 컴포넌트를 구현했습니다.

✅ 작업 내용 상세

상세 타입은 스토리북 참고해주세요!

import Button from "@/components/button/Button";
import ArrowButton "@/components/button/ArrowButton";
import ArrowButton "@/components/button/ArrowButton";
import ICON_MAP from "../icon/icon-map";

<Button label="기본" /> 
<Button label="아웃라인" type="outline" /> 

<ArrowButton direction="prev" />
<ArrowButton direction="next" />

<IconButton icon="FilterIcon" aria-label="필터 버튼" />
<IconButton icon="HamburgerIcon" aria-label="메뉴 버튼" />

<Button type="outline" label="카카오로 로그인하기" icon="KakaoIcon" />
<Button type="outline" label="구글로 로그인하기" icon="GoogleIcon" />

📸 스크린샷 (선택사항)

💬 참고 사항

• 버튼 비활성 상태 시안은 없어서 추가로 만들어봤어요.
• 기본 버튼의 기본 너비는 100%입니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
wine	Ready	Preview	Comment	Sep 28, 2025 9:15am

[junye0l]

양이 많을텐데 버튼 컴포넌트 고생 많으셨습니다!

카카오톡 가이드 : https://developers.kakao.com/docs/latest/ko/kakaologin/design-guide
구글 가이드 : https://developers.google.com/identity/branding-guidelines

소셜 로그인 같은 경우 가이드 라인을 제공해주는데, 한 번 확인 해보시면 좋을 듯 합니다.

코멘트 확인도 부탁드립니다!

[junye0l]

현재 스토리북 파일에서 disabled props 사용중인데, ButtonProps에 선언이 되어있지않아서 오류가 발생하는 것 같습니다!

[wlrnjs]

수고하셨습니다!