mirror of
https://github.com/cgzirim/seek-tune.git
synced 2025-12-18 09:24:19 +00:00
Delete client/src/components/test_animate.js
This commit is contained in:
parent
f0b798871b
commit
8affd31305
1 changed files with 0 additions and 31 deletions
|
|
@ -1,31 +0,0 @@
|
|||
import React, { useState } from "react";
|
||||
import AnimatedNumber from "./AnimatedNumber";
|
||||
import { Bounce } from "react-toastify";
|
||||
|
||||
const TestComponent = (props) => {
|
||||
const [number, setNumber] = useState(18);
|
||||
|
||||
const increment = () => setNumber((prev) => prev + 1);
|
||||
const decrement = () => setNumber((prev) => prev - 1);
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h1>Animated Number</h1>
|
||||
<AnimatedNumber
|
||||
animateToNumber={number}
|
||||
fontStyle={{ fontSize: "2rem", color: "black" }}
|
||||
// transitions={(index) => ({
|
||||
// duration: 10,
|
||||
// delay: index * 10,
|
||||
// })}
|
||||
includeComma={true}
|
||||
/>
|
||||
<div>
|
||||
<button onClick={increment}>Increment</button>
|
||||
<button onClick={decrement}>Decrement</button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default TestComponent;
|
||||
Loading…
Add table
Reference in a new issue