1.0.2 • Published 6 years ago
flip-ya-numbers v1.0.2
Make number animation looks sexy :clap:
Features:
- Flip your nubmer in 3D space
- Super easy to use
Install
$ yarn add flip-ya-numbers
or
$ npm install flip-ya-numbers -S
Quick start
import react from 'react';
import FlipNumbers from 'flip-ya-numbers';
export default function SexyComponent(props) {
return <div>
<FlipNumbers
height="12px"
width="12px"
color="red"
background="white"
startAnimation
numbers="12345"
numberStyle={{ color: "black" }}
/>
</div>;
}
API
Prop | Type | Required | Description |
---|---|---|---|
numbers | string | ✓ | |
nonNumberStyle | string | Css inline style for not number eg , : . | |
numberStyle | string | Css inline style for number | |
height | number | ✓ | Individual number height |
width | number | ✓ | Individual number width |
color | string | ✓ | Number color |
background | string | ✓ | Background color |
perspective | number | Css 3D transition perspective | |
durationSeconds | number | ||
delaySeconds | number | ||
startAnimation | boolean | ✓ | Start the animation |
1.0.2
6 years ago
1.0.1
6 years ago
1.0.1-beta.3
6 years ago
1.0.1-beta.2
6 years ago
1.0.1-beta.1
6 years ago
1.0.0
6 years ago
0.0.1-beta.8
6 years ago
0.0.1-beta.7
6 years ago
0.0.1-beta.6
6 years ago
0.0.1-beta.5
6 years ago
0.0.1-beta.4
6 years ago
0.0.1-beta.3
6 years ago
0.0.1-beta.2
6 years ago
0.0.1-beta.1
6 years ago