useCountUp

@hua-labs/hua/motion

설치

bash

npm install @hua-labs/hua

Import

tsx

import { useCountUp } from "@hua-labs/hua/framework";

@hua-labs/motion-core의 모션 훅을 @hua-labs/hua/framework에서 통합 제공합니다.

UI 컴포넌트, 모션 훅, i18n을 하나의 패키지로 사용할 수 있습니다.

tsx

const { display } = useCountUp({
  end: 1200,
  suffix: "+",
  active: isInView,
});

return <span>{display}</span>;

이름	타입	기본값	설명
end	number	-	docs:hooks.use-count-up.options.end
suffix	string	""	docs:hooks.use-count-up.options.suffix
duration	number	1500	docs:hooks.use-count-up.options.duration
delay	number	0	docs:hooks.use-count-up.options.delay
active	boolean	true	docs:hooks.use-count-up.options.active

이름	타입	설명
value	number	docs:hooks.use-count-up.returns.value
display	string	docs:hooks.use-count-up.returns.display