atrilabs-engine
atrilabs-engine copied to clipboard
Add a CountUp Component
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)
@adityaxpique plz assign me for this issue