useCountdown

Returns timer progress from 0 to 100 with pause support.

Returns timer progress from 0 to 100 with pause support.

Usage

'use client';

import { useCountdown } from '@prosazhin/pbcomponents';

function Example() {
  const progress = useCountdown({ delay: 5000, paused: false });
  return (
    <progress
      value={progress}
      max={100}
    />
  );
}

Hook API

Parameters

ParameterType / variantsPurposeDefault
delaynumberTimer duration in milliseconds.—
pausedbooleanPauses the timer.—
onComplete?() => voidCalled when the countdown finishes.—
enabled?booleanEnables the countdown.—

Returns

ValueType / variantsPurpose
progressnumberProgress from 0 to 100.

On this page