Skip to the pieces
TACTILE UI

UI components

Forms

6 pieces. Every card is running; touch it.

  1. Field Kit part · Text entry in a recess, the label printed above it, and a hint that says how to fix an error.
  2. Combo Kit part · One field with its one action in a shared well: subscribe, search, add.
  3. Stepper Kit part · A small integer with − and + keys either side, in one well.
  4. Sign-in Kit part · Sign in and sign up on one plate: Google and GitHub keys with their marks stamped in monochrome, an email route underneath, a two-way selector that re-prints the plate, and errors that say how to fix them.
  5. Scrub field Kit part · A number you can type or drag, the way a pro tool’s value field works: an engraved ruler under the numerals slides beneath a fixed index as the value moves.
  6. Tumbler lock Kit part · A PIN or one-time code dialled into a combination lock: number wheels behind a slot in the plate, turning on detents. Right, a locking bar drops into their notches; wrong, they spin back to blank.