[혜수] - 공통 버튼 컴포넌트 완성

[suehdn]

📌 이슈 번호

close #8

🚀 구현 내용

• 공통 버튼 컴포넌트
• border 공통 css 추가했습니다.
• Color type에 primary 없어서 추가했습니다.
• 사용법

'use client';

import Button from '@/components/Button/Button';

export default function Home() {
  const click = () => {
    alert('hi!');
  };
  return (
    <>
      <h1>올해도 아좌좌 ㅋ_ㅋ</h1>
      <Button
        background="primary"
        color="white-100"
        fontSize="2xl"
        size="lg"
        onClick={click}>
        삭제
      </Button>
      <Button background="primary" color="white-100" fontSize="xl" size="md">
        계획 수정 완료
      </Button>
      <Button background="primary" color="white-100" fontSize="base" size="sm">
        확정
      </Button>
      <Button
        background="white-100"
        color="primary"
        fontSize="sm"
        size="sm"
        onClick={click}>
        취소
      </Button>
    </>
  );
}

[MinwooP]

공통 mixin 이나 변수들 만들어주셔서 감사합니닷,,! 확인했고 고생하셨습니다 😎

[qkdl60]

lgtm👍 고생하셨습니다