Rreact-raffle-picker

Countdown

Auto-freeze, on the clock.

<RafflePick.Countdown> schedules the freeze for you — a built-in SVG ring + label, or swap in your own render-prop.

last →

import { RafflePick } from 'react-raffle-picker'

export function Demo() {
  return (
    <RafflePick
      items={["Alice","Bob","Carol","Dmitri","Elena"]}
      inertia
      autoStart={false}
    >
      <RafflePick.Value animation="roll" />
      <RafflePick.Countdown seconds={5} />
      <RafflePick.Button startLabel="Start" stopLabel="Stop" />
    </RafflePick>
  )
}