# @types/natural-drag-animation-rbdnd

> TypeScript definitions for natural-drag-animation-rbdnd

Latest version **2.1.5** (published 2024-11-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install @types/natural-drag-animation-rbdnd
pnpm add @types/natural-drag-animation-rbdnd
yarn add @types/natural-drag-animation-rbdnd
bun add @types/natural-drag-animation-rbdnd
```

## Health

**Score 50/100 (C)** — status: stable.

Positive: has types; no vulnerabilities; popular repo; extremely popular.

Warnings: low downloads; no esm support.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 2.1.5 |
| Published | 2024-11-11 |
| First published | 2022-10-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 5.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 51420 |
| Maintainers | types |

## Links

- npm: https://www.npmjs.com/package/@types/natural-drag-animation-rbdnd
- Repository: https://github.com/DefinitelyTyped/DefinitelyTyped
- Homepage: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/natural-drag-animation-rbdnd
- npm.io page: https://npm.io/package/@types/natural-drag-animation-rbdnd

## Dependencies (2)

- [@types/react](https://npm.io/package/@types/react.md) *
- [@types/react-beautiful-dnd](https://npm.io/package/@types/react-beautiful-dnd.md) *

## Recent versions

- 2.1.5 (latest) — 2024-11-11
- 2.1.4 (ts4.6) — 2024-01-01
- 2.1.3 (ts4.5) — 2023-11-07
- 2.1.0 (ts4.1) — 2022-10-03
- 2.1.2 — 2023-10-18
- 2.1.1 — 2023-09-23

## README

# Installation
> `npm install --save @types/natural-drag-animation-rbdnd`

# Summary
This package contains type definitions for natural-drag-animation-rbdnd (https://github.com/rokborf/natural-drag-animation-rbdnd#readme).

# Details
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/natural-drag-animation-rbdnd.
## [index.d.ts](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/natural-drag-animation-rbdnd/index.d.ts)
````ts
import * as React from "react";
import { DraggableStateSnapshot, DraggingStyle, NotDraggingStyle } from "react-beautiful-dnd";

declare namespace NaturalDragAnimation {
    interface NaturalDragAnimationType {
        /**
         * Pass `snapshot` from `Draggable`.
         */
        snapshot: DraggableStateSnapshot;

        /**
         * In most cases just pass `provided.draggableProps.style` from `Draggable`.
         * `NaturalDragAnimation` patches `transform` from it.
         */
        style: DraggingStyle | NotDraggingStyle | undefined;

        /**
         * Use it to define fade speed of end rotation animation.
         * Must be 0 < `animationRotationFade` < 1.
         *
         * @default 0.9
         */
        animationRotationFade?: number;

        /**
         * Use it to define rotation multiplier.
         *
         * @default 1.3
         */
        rotationMultiplier?: number;

        /**
         * @default x => x / (1 + Math.abs(x))
         */
        sigmoidFunction?: (x: number) => number;

        children: (style: React.CSSProperties) => React.ReactNode;
    }
}

declare class NaturalDragAnimation extends React.Component<NaturalDragAnimation.NaturalDragAnimationType> {}

export = NaturalDragAnimation;

````

### Additional Details
 * Last updated: Mon, 11 Nov 2024 18:02:21 GMT
 * Dependencies: [@types/react](https://npmjs.com/package/@types/react), [@types/react-beautiful-dnd](https://npmjs.com/package/@types/react-beautiful-dnd)

# Credits
These definitions were written by [Prajwal Kulkarni](https://github.com/prajwalkulkarni).

---
_Source: https://npm.io/package/@types/natural-drag-animation-rbdnd · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._