Component · controls

Liquid glass stepper

Numeric input with −/+.

Also called number field, number input, counter

Two labelled quantity steppers in a glass panel, each a single capsule with flat minus and plus controls, over a procedural backdrop.
Two labelled quantity steppers in a glass panel, each a single capsule with flat minus and plus controls, over a procedural backdrop. (light)
Two labelled quantity steppers in a glass panel, each a single capsule with flat minus and plus glyphs around a centred value, over a zoomed night skyline and its waterline.
Two labelled quantity steppers in a glass panel, each a single capsule with flat minus and plus glyphs around a centred value, over a zoomed night skyline and its waterline. (dark)

Spec

Material
regular
Profile
squircle
Geometry
one capsule 36–40 tall, ~120 wide: − | value | +
Bezel (px)
18
Displacement (px)
25
Blur (px)
1

Anatomy

  • one shared glass capsule
  • flat − and + glyph buttons
  • centred value

States

  • rest
  • press on − / +: small flat highlight
  • focus ring on the capsule

Rules

  • The group is one lens; the − and + are flat inside it.