Inputs

Region wheel

shadcn add @detent-pro/region

Props 6

regionsRegion[]Required: The regions to choose from, ordered west to east so the Earth spins one way as you turn.
fromPlace: Where your visitor is. Left out, a rough guess is made from their clock's time zone.
latency(from: Place, to: Region) => number: Round-trip time to a region in ms. Pass your own measurements; the default estimates from distance.; Default estimateMs
passOverboolean: For a drum sitting in a page people are scrolling. A wheel or a quick swipe passes over it to the page; tap above or below the middle to step it, rest a finger a moment and drag to spin it, and once a mouse has clicked it the wheel turns it.; Default false
classNamestring: Classes for the outer layout.; Default ''
onChange(region: Region) => void: Called with the region it settles on.

usage.tsx

<RegionWheel
  regions={regions}
/>

19 Pro components, 12 whole screens and 1 template. The source lands in your project, yours to change, with every update for life.

~~$99~~$79once

Full refund within 14 days, no questions.