Stage and timeline · Number fields and sliders
Documentation

Number fields and sliders

Step values with the arrow keys, scrub by dragging labels, and type exact numbers.

Every number in EaseKit is built for quick, precise changes: you can type, step with the arrow keys, click the small stepper, or scrub by dragging the field's label. Sliders and dials share one set of gestures, too.

Number fields

↑ / ↓
Step the value up or down by one step (usually 1) while the field is focused
⇧↑ / ⇧↓
Step by 10 steps
⌥↑ / ⌥↓
Step by 0.1 step
Stepper
The small up and down arrows that appear while the field is focused
Drag the label
Scrub the value left and right (one step every 4 px; ⇧ ×10, ⌥ ×0.1)
Type and press Return
Set an exact value. A comma works as a decimal point

Arrow keys and the stepper apply at once. A scrub applies when you let go. Some fields use their own step: border width and trim steps of 0.5 and 1, taper and stagger 5, video trim 0.1, video rate 0.05.

Scrubbing a number field by dragging its label

Values are kept

  • Values you type are kept even if a popover closes before you press Return.
  • Leaving the field (clicking elsewhere) commits it too.
  • If a value is out of range, the field shows what was applied (for example 1000 pt text becomes 400 pt).
  • An invalid entry falls back to the previous value.

Sliders and dials

  • Drag to change the value. Tick marks appear while you drag.
  • Hold ⇧ while dragging for fine control.
  • ⌥-click to reset to the default.
  • Double-click to type a value.

In Settings → Appearance → Sliders you can turn Haptic feedback (Force Touch trackpad) and the Soft click on scale ticks on or off. Every tick, the default and both ends give a tap.