https://github.com/animakit/animakit-elastic

UNMAINTAINED: AnimakitElastic
https://github.com/animakit/animakit-elastic

Last synced: 3 months ago
JSON representation

UNMAINTAINED: AnimakitElastic

• Host: GitHub
• URL: https://github.com/animakit/animakit-elastic
• Owner: animakit
• License: mit
• Created: 2016-05-30T07:27:28.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-03-07T07:47:56.000Z (almost 6 years ago)
• Last Synced: 2024-07-17T10:12:55.598Z (6 months ago)
• Language: JavaScript
• Homepage: https://animakit.github.io/
• Size: 82 KB
• Stars: 23
• Watchers: 2
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - animakit-elastic - AnimakitElastic - React component for flexible resizing of the blocks. (Ferramentas / Form Components)
• awesome-react-components - animakit-elastic - AnimakitElastic - React component for flexible resizing of the blocks. (UI Animation / Form Components)

README

        
# AnimakitElastic

**WARNING:** Currently unmaintained because of lack of interest, activity and resources

React component for flexible resizing of the blocks.

## Usage

```javascript

  

```

## [Demo](https://animakit.github.io/#/elastic)

## Installation

```

npm install animakit-elastic

```

## Properties

| Property | Required | Type | Default Value  | Available Values  | Description |

| ----- | ----- | ----- | ----- | ----- | ----- |

| duration | false | number | `500` | Any integer number | Duration of animation |

| easing | false | string | `cubic-bezier (0.68,-0.55,0.265,1.55)` | Any [easing function](http://easings.net/) | Easing function of animation |

## Limitations

The components wrapper uses `overflow: hidden` to implement the animation.

## Origin

Part of Animakit.

See https://animakit.github.io for more details.