feat: 버튼, 드롭다운 컴포넌트 UI 작성

[HMRyu]

✏️ 작업 내용

• 버튼 UI 작성
• 드롭다운 UI 작성

📷 스크린샷

버튼

드롭다운

✍️ 사용법

버튼

props 의 variant 값을 변경해서 사용하면 됩니다.

interface ButtonProps {
  name?: string;
  disabled?: boolean;
  variant?: 'default' | 'white' | 'gray' | 'grayOutline';
}

const Button = ({
  name = '생성하기',
  disabled = false,
  variant = 'default', // 이 부분을 변경해주시면 됩니다!
}: ButtonProps)

default

white

gray

grayOutline

드롭다운

https://github.com/user-attachments/assets/c546cad6-bf4e-4223-9287-afaa4d20a379

🎸 기타

width

각자 사용할 부분에서 width 값은 조정해 주시면 될 것 같습니다.

반응형

모바일 반응형 디자인도 구현했으니 확인 부탁드립니다.

file changes

초반이라 file change 가 많이 나와서 보기 어려우실 것 같습니다... 앞으로는 최대한 줄여볼게요!

확인 후 피드백 부탁드려요!