open-index/open-npm huggingface dataset:
npm package: @happyjurung/modal
Description: modal npm modules
Latest version: 0.0.3

# Button Module

## 기능

### 모달 컴포넌트

- 모달 컴포넌트를 npm으로 배포하고 사용할 수 있어야 한다.

  - [x] 컴포넌트 생성
  - [] 컴포넌트 스토리북 테스트
  - [] 컴포넌트 빌드 및 배포
  - [] 컴포넌트 설치 및 사용

- 피그마 시안 예시처럼 모바일에서 사용 가능한 모달 컴포넌트를 만들어야 한다.

  - [] 모바일에서 사용 가능한 레이아웃으로 만든다.

- 모달 위치 및 내용 구성 옵션을 prop으로 전달받아 유연하게 모달을 구성할 수 있어야 한다.

  - [x] isModalOpen을 전달받을 수 있다. : 모달 열기
  - [x] position을 전달받을 수 있다. : 모달 위치
  - [x] title을 전달받을 수 있다. : 모달 제목
  - [x] children을 전달받을 수 있다. : 모달 내용
  - [x] onClose 전달받을 수 있다. : 모달 닫기

- 사용자 정의 이벤트 핸들러
  - [x] modalOpen으로 모달 열기
  - [x] modalClose으로 모달 닫기

### 모달 컴포넌트

- Modal
- CardBrand
- Button
- AgreementCheckList

### storybook

모달 컴포넌트

- [] 카드사 선택 컴포넌트
  - [] 중앙에 위치하는지
- 동의 컴포넌트
  - [] 하단에 위치하는지
  - [] 항목 선택이 됐을 때
  - [] 항목 선택이 안 됐을 때

## 커밋메시지

- feat : 새로운 기능을 추가한 경우
- fix : 버그 수정
- docs : 문서를 수정한 경우
- style : 코드 스타일, 포멧, 주석을 변경
- refactor : 코드 리팩토링
- test : 테스트 관련 코드를 수정한 경우
- chore : 코드 수정이 아닌, 단순 폴더명 파일명 등을 수정한 경우