KQ-157 · COMBO/DIALS

Combo Dials

A combination lock of stacked cylinder dials — digits sweep the rim under your drag, settle into detents with a click, and when every dial agrees with the setting the bolt slides open.

KQ-157 · COMBO/DIALS
Vault SettingKQ-157

Set · 0-4-7

Now · 0-0-0

Seal · Locked

KQ-157 · Combo Dials · 36° / digit · ζ 0.83

Spin each dial to its mark - the bolt slides when they agree.

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/combo-dials

Props

PropTypeDefaultDescription
lengthnumber3Dial count, two to five.
value / defaultValue / onValueChangestring / string / (value) => voidControlled or uncontrolled digits; fires per settled digit.
secret / onUnlockstring / () => voidThe setting to match and the single-fire unlock callback.