Skip to the page
Tactile UI

Kit parts

Stepper

A small integer with − and + keys either side, in one well.

On this page
  1. Anatomy
  2. Variants
  3. States
  4. Props and options
  5. Usage notes
  6. Related parts

Seats open in 11 days. Want one email that morning?

Anatomy

A native number input between two kit keys, in one recess. The kit does not ship script for the keys.

Variants

  • In a settings row

States

  • Rest
  • Pressing +
  • Focus

Props and options

NameKindDescription
input[type=number]elementNative: 5ch wide, centred, tabular, spinner hidden.
data-stepattributeRead by the few lines of script above; the kit does not wire the keys itself.
changeeventNative from typing; dispatch it yourself from the keys.
ArrowskeyboardNative number input: Up and Down step it.

Usage notes

Press − and +, or type, or use the arrow keys in the number.

Field

Text entry in a recess, the label printed above it, and a hint that says how to fix an error.

Combo

One field with its one action in a shared well: subscribe, search, add.

Fader

A continuous value along a line: a native range whose cap rides in a slot cut into the plate, with a printed scale.