Skip to the page
Tactile UI

Kit parts

Ladder

An LED ladder for levels and load: green, then amber, then red, the way a recording level has always been read.

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

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

Anatomy

How it is built, line by line, comes with its code and styling.

Variants

  • default

States

  • Quiet
  • Nominal
  • Hot
  • Clipping

Props and options

NameKindDescription
aria-value*attributeThe kit draws it; give it a role and values so it is read.

Usage notes

Move the fader.

Accessibility

  • Under reduced motion the transition is off; the value is still drawn.

Progress

Progress through a task: ink filling a groove, never a coloured bar.

Fader

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

LCD

A value that changes, on grey-green liquid crystal, with a ghost of the unlit segments behind it: clocks, battery, counters.