Hold Switch

An ivory and graphite liquid switch with visible pressure and optional deliberate hold activation.

LIVE PREVIEWYour changes update liveLocal renderer

Tweaks

Hold Switch settings

State

Accessible name

Disabled

Geometry

Pixels; height is half the width. Shrinks proportionally inside narrower hosts.

Surface

Track top

Upper recessed track gradient stop.

Track bottom

Lower recessed track gradient stop.

Track edge

Fine recessed track boundary.

Liquid

Grey liquid surface.

Thumb top

Upper ivory thumb gradient stop.

Thumb bottom

Lower ivory thumb gradient stop.

Thumb dot

Small center pressure marker.

Scales contact and ambient shadow; zero removes both.

Interaction

Pressure preserves click activation. Hold only cancels early physical releases; assistive click activation remains supported.

Time in milliseconds to complete one held activation.

Pressure only: releases within this window toggle as quick clicks.

Pressure only: reached hold fraction required to commit on release after the quick-tap window.

Motion

Maximum thumb compression while holding; zero removes deformation.

Scales post-commit liquid and thumb motion; hold duration is independent.

Higher values suppress recoil after a committed toggle.

Thumb stretch during committed travel; zero keeps its circle.

Progress

Show progress ring

Show a progress ring around the thumb while holding.

Progress ring

Enable the progress ring to adjust its colour and weight.

Your settings travel with the component.
Preview size and pause stay here.

Hold Switch v1.0.0

Package 1.0.0 · Independent componentMIT licensed