헤더 1
import Button from './Button';
<Button to="/login">로그인</Button> or <Button>로그인</Button>
<Button red>로그인</Button>
<Button full>로그인</Button>
import Modal from '../components/common/Modal';
/*
버튼 + 모달
- withCloseButton : 닫기 버튼(X) 유무, boolean(optional)
- title : 제목, string or 컴포넌트(optional)
- btnText: 버튼 텍스트, string (optional)
- btnBgColor: 버튼 배경색, string (optional)
- btnColor: 버튼 글자색, string(optional)
- duration: 생성 딜레이, number(optional, 기본값 300)
- children: 내용, string or 컴포넌트 (optional)
*/
<Modal
withCloseButton={false}
title={제목}
btnText="투표하기"
btnBgColor="#d21312"
btnColor="#fff"
duration={100}>
<div> 힙합 동아리 팀 호이스팅</div>
</Modal>
<StoreItem
storeName="식당명"
imgUrl="이미지 url"
starCnt={star 개수}
/>
가게 컴포넌트
가게 컴포넌트 hover
시