atrilabs-engine icon indicating copy to clipboard operation
atrilabs-engine copied to clipboard

Add a CountUp Component

Open adityaxpique opened this issue 2 years ago • 1 comments

The signature of count-up component should be as follows:-

type CountupProps = {
       styles: React.CSSProperties;
       custom: { 
		itemCount: number; 
		duration: number;
                items: {
		        //countUpTo is string so that the user can include units in the string and your logic should be adaptable for that
		        coutUpTo: string;
		        itemTitle: string;
                }[]; 
       };
};
 
export const Countup: React.FC<CountupProps> = React.forwardRef(
  (ref, props) => {
    return <div></div>;
  }
);

Note - Make sure that the numbers increment such that they conclude at the same time. You can create a multiplier for the frequency at which it increases. Reference for countup:- https://elementor.com/ (You’ll have to scroll down a bit on the Home Page) 5

adityaxpique avatar Oct 08 '22 08:10 adityaxpique

@adityaxpique plz assign me for this issue

Jitulteron7 avatar Oct 09 '22 21:10 Jitulteron7