# react-falling-snow

> snow falling in react

Latest version **0.0.2** (published 2023-06-01) · 0 weekly downloads

## Install

```sh
npm install react-falling-snow
pnpm add react-falling-snow
yarn add react-falling-snow
bun add react-falling-snow
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2023-06-01 |
| First published | 2023-06-01 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 11.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | lyc_ |
| Keywords | snow, falling snow, snow falling |

## Links

- npm: https://www.npmjs.com/package/react-falling-snow
- npm.io page: https://npm.io/package/react-falling-snow

## Dependencies (1)

- [styled-components](https://npm.io/package/styled-components.md) ^5.3.11

## Recent versions

- 0.0.2 (latest) — 2023-06-01
- 0.0.1 — 2023-06-01

## README

## 📌 HOW TO USE IT

```javascript
npm install react-falling-snow
```

```javascript
import React from "react";
import { SnowFalling } from "react-falling-snow";

function App() {
  return (
    <div>
      <SnowFalling delay={3} />
    </div>
  );
}

export default App;
```

```css
div {
  position: relative;
  width: 320px;
  height: 860px;
}
```

<br/>

---

<br/>

✅ **delay** property is optional. default setting time is 12 seconds.

✅ You need to give the **position : relative** attribute to the parent element you want to use

✅ Also, defines the **width** and **height** of the parent element.

<br/>

✅ **delay** 속성은 옵셔널 합니다. 기본 세팅 시간은 12초 입니다.

✅ 사용하고자 하는 부모요소에 **position : relative** 속성을 주어야 합니다.

✅ 마찬가지로, 부모요소에 **width** 와 **height** 를 명시해 줍니다.

<br/>

---

<br/>

## 🎅 Dear front devs, Merry Christmas !

---
_Source: https://npm.io/package/react-falling-snow · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
