0.1.0 • Published 5 years ago
react-calenpicker v0.1.0
react-calenpicker
npm install react-calenpicker yarn add react-calenpicker
이렇게 설치하고 당신의 앱에 아래 예시와 비슷하게 입력 해주시면 됩니다.
import React, { Component } from "react";
import Calendar from "react-calenpicker";
class App extends Component {
render() {
return (
<div className="App">
<Calendar />
</div>
);
}
}
export default App;
이렇게 손쉽게 사용이 가능합니다.
Demo
직접 Props를 넣어보면서 확인해보세요!
Storybook (Components & Recipe)
캘린더 예시가 궁금하시나요? 혹은 리액트 캘린픽커의 컴포넌트에 대해 더 자세히 알고 싶으신가요? 밑에 배너로 코드와 이미지 예시를 참고해주세요!
Props 소개
Props는 다음과 같습니다.
Deprecated 더 이상 사용할 수 없는 옵션은 다음과 같습니다.
Props | Description |
---|---|
objectSetText | 일정, 커스텀 텍스트에 해당하는 내용이었으나 이제부터 일정으로써 따로 관리하게 되었으므로 삭제하였습니다. |
scheduleListener
CSS Cutomizing Props
다음 부터 나오는 props는 원하는 css를 커스터마이징 하기위해 있는 props입니다. 원하시는 Css Object를 넣으시면 됩니다.
어느 것을 바꾸고 싶은지 보실려면 스토리북을 참조해주세요!
Props | Description | Type |
---|---|---|
DateCssObject | Date 컴포넌트의 css Object | object |
WeekCssObject | Week 컴포넌트의 css Object | object |
TemplateCssObject | Template 컴포넌트의 css Object | object |
MonthCssObject | Month 컴포넌트의 css Object | object |
MonthArrowCssObject | MonthArrow 컴포넌트의 css Object | object |
WeekDayCssObject | WeekDay 컴포넌트의 css Object | object |
CalendarBodyCssObject | CalendarBody 컴포넌트의 css Object | object |
CalendarHeadCssObject | CalendarHead 컴포넌트의 css Object | object |
예시 <Calendar MonthCssObject={{ color: "white" }} />
Contributing
우리는 언제든지 기여를 환영합니다! 이 문서를 읽어주세요.
따로 슬랙 커뮤니티를 이용중입니다. 원하시면 azxca1731@gmail.com으로 이메일 주세요! 초대해드리겠습니다!
Contributors
Thanks
이 프로젝트는 Dinesh Pandiyan의 보일러플레이트를 기반으로 만들었습니다.