design: 공통 button 컴포넌트 UI 구현

[yyezzzy]

✅ 관련 이슈

• Button UI 구현 #8

➕ 변경 내용

이 버튼 UI를 만들었습니다. 속성은 soild버튼/outlined버튼, 너비, radius, diable 등이 있습니다

🔧 사용 방법

🌟 공유하고싶은 내용

/**
 * 버튼 컴포넌트
 * @param variant - 버튼 스타일 solid | outlined
 * @param width - 버튼 너비 xs | sm | md | lg
 * @param radius - 버튼 모서리 둥글기 md | full
 * @param disabled - 비활성화 여부 true | false
 * @param children - 버튼 내용 (텍스트, 아이콘 등)
 * @param props - 버튼 속성 (onClick, type 등)
 * @returns 버튼 컴포넌트
 */

props가 많아지는 컴포넌트는 .tsx에 주석으로 이렇게 작성하면 미리보기 해줍니다.
공통 컴포넌트에서 적어주면 좋을 것 같습니다 !

[github-actions]

💄 Storybook: https://673dcf13c9a3a1189a7c6fd4-hjreoydqyt.chromatic.com/ # Chromatic에서 생성된 Storybook URL
🕖 Update: 2024년 11월 22일 16시 44분 47초 # 현재 시간

[hongggyelim]

스토리도 깔끔하게 작성하셨네요 고생하셨습니다!

[cccwon2]

수고하셨습니다