공통 버튼 컴포넌트 개발

Description

버튼 속성

[1. 색상 관련]

default 배경, hover 배경, active 배경, disabled 배경, 텍스트 색상을 설정합니다.

  • fill-orange-100

  • fill-orange-500

  • fill-gray-150

  • fill-gray-800

  • outline-orange-100

  • outline-gray-100

[2. 크기 관련]

height, px, py, 텍스트 스타일을 설정합니다.

  • xs

  • sm

  • md

  • lg

[3. radius]

radius를 설정합니다.

  • default (8px)

  • full

[4. isLoading]

  • 버튼 disabled 처리 + 로딩 스피너를 띄워줍니다. (버튼 크기는 고정된 상태로 내부 컨텐츠만 변경됩니다.)