react-season-component

Introduction

날씨, 계절, 시간에 따른 아름다운 효과를 주고싶을 때 사용할 수 있습니다.

Get Started

npm i react-season-component

or

yarn add react-season-component

Quick Start

import { Season, Weather, Time } from "react-season-component"

Document

Check out our documentation website

Components Usage

Season

props	value	meaning
type	auto(default), spring, summer, autumn, winter	value에 따른 계절 효과 제공
isAnimated	true(default), false	애니메이션 실행 여부

Time

props	value	meaning
type	auto, morning, day, evening, night	type에 따른 시간 배경 효과를 보여줍니다.
animationRoundTime	number (default: 1)	아이콘의 애니메이션 실행 시간을 초(s)단위로 알려줍니다.
imagePosition	left-top, left-center, left-bottom, right-top, right-center, right-bottom, center-top, center-center, center-bottom (default: left-top)	아이콘의 위치를 지정합니다.
animation	left-to-right, right-to-left, top-to-bottom, bottom-to-top, round (default: left-to-right)	아이콘 애니메이션 실행 방향
background	boolean	false시 기본 배경이 사라집니다.

Weather

props	value	meaning
type	auto, sunny, cloudy, rainy, snowy (default: auto)	type에 따른 날씨 배경효과를 보여줍니다.
typeChangeTerm	ms (default: 10000)	type을 'auto'로 했을때, 효과가 변경되는 시간을 의미합니다.

Contributors

다나	단테	junghyeonsu	deveeni
useonglee	춘식	아이뽀송	세인트

License

MIT. Copyright (c) 2022 PPO F MAN.