Skip to content
pixi-silk
GitHub repository
Interface

ScrubberOptions

import type { ScrubberOptions } from 'pixi-silk/ui/dial';

Options of Scrubber.

Properties#

PropertyTypeDescriptionDefined in
fineFactor?numberSpeed with Shift held. Default 0.1.ui/dial.ts:481
format?(value: number) => stringFormats the value. Default: the value with the step’s decimals.ui/dial.ts:485
height?numberField height. Default 30.ui/dial.ts:469
label?stringName shown on the left.ui/dial.ts:483
max?numberUpper limit. Default Infinity.ui/dial.ts:475
min?numberLower limit. Default -Infinity. With both limits finite, the field fills like a slider.ui/dial.ts:473
onChange?(value: number) => voidCalled on every value change, also while dragging.ui/dial.ts:497
onCommit?(value: number) => voidCalled with the value when a drag ends or a tap steps it.ui/dial.ts:499
perPixel?numberValue change per pixel of drag. Default step / 4.ui/dial.ts:479
profiles?Partial<Record<InputKind, Partial<InputProfile>>>Per pointer kind overrides of slop, the movement a tap may have.ui/dial.ts:493
readout?booleanShows text (label, value, pill). Default true.ui/dial.ts:487
step?numberTap step, and the snap step with Ctrl / Cmd. Default 1.ui/dial.ts:477
textStyle?TextStyleOptionsStyle of the label and value text.ui/dial.ts:489
theme?Partial<DialTheme>Colours that replace parts of DIAL_THEME.ui/dial.ts:491
ticker?Ticker | nullTicker driving the animation. Default Ticker.shared. null for manual Scrubber.tick.ui/dial.ts:495
value?numberStart value, clamped to the limits. Default 0.ui/dial.ts:471
width?numberField width. Default 150.ui/dial.ts:467