- Notifications
You must be signed in to change notification settings - Fork29
beekai-oss/react-flip-numbers
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Make number animation looks sexy 👏
- Flip your numbers in 3D space
- Super easy to use
npm install react-flip-numbers -S
importreactfrom'react';importFlipNumbersfrom'react-flip-numbers';exportdefault()=>{return<FlipNumbersheight={12}width={12}color="red"background="white"playperspective={100}numbers="12345"/>;};
| Prop | Type | Required | Description |
|---|---|---|---|
numbers | string | ✓ | |
play | boolean | ✓ | Start the animation |
height | number | ✓ | Individual number height |
width | number | ✓ | Individual number width |
color | string | ✓ | Number color |
background | string | Background color | |
perspective | number | CSS 3D transition perspective | |
nonNumberStyle | string | CSS inline style for not number eg , : . | |
numberStyle | string | CSS inline style for number | |
duration | number | ||
delay | number |
We also makeBEEKAI. Build the next-generation forms with modern technology and best in class user experience and accessibility.
About
🎰 Flip your numbers in 3D
Topics
Resources
License
Stars
Watchers
Forks
Packages0
No packages published