Wheel Picker

A 3D circular cylinder value selector with velocity dragging, snapping, and scroll/wheel support.

Preview

Loading Preview...

bun add xiod-ui

1import { WheelPickerGroup, WheelPicker } from "xiod-ui/wheel-picker";

1<WheelPicker>2  <WheelPickerGroup>3  </WheelPickerGroup>4</WheelPicker>

Detailed documentation of properties and options.

Prop	Type	Default
`options`Req	`WheelPickerOption<T>[]`	-
`value`	`WheelPickerValue` \|`undefined`	-
`defaultValue`	`WheelPickerValue` \|`undefined`	-
`onValueChange`	`((value: T) => void)` \|`undefined`	-
`infinite`	`boolean` \|`undefined`	`false`
`visibleCount`	`number` \|`undefined`	`20`
`dragSensitivity`	`number` \|`undefined`	`3`
`scrollSensitivity`	`number` \|`undefined`	`5`
`optionItemHeight`	`number` \|`undefined`	-
`classNames`	`WheelPickerClassNames` \|`undefined`	-
`size`	`"sm"` \|`"lg"` \|`"md"` \|`null` \|`undefined`	`md`