react-season-component
TypeScript icon, indicating that this package has built-in type declarations

0.3.7 • Public • Published

react-season-component

NPM

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

Feb-21-2022 15-46-51

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

Time

Feb-21-2022 15-46-17

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

Feb-21-2022 15-48-48

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.

Package Sidebar

Install

npm i react-season-component

Weekly Downloads

6

Version

0.3.7

License

none

Unpacked Size

1.38 MB

Total Files

108

Last publish

Collaborators

  • junghyeonsu
  • useonglee
  • deli-ght
  • jiseung
  • dante01yoon
  • i4song
  • seongtaek-h
  • deveeni21