Slot Machine Phone Input
Each digit spins like a slot reel; user must press Set for every digit.
Tags:inputslotphone
Tech:vanilla-jscssreact
Live Demo
⚠️ Warning: This is an intentionally terrible UI pattern. Do not use in production applications.
Please enter your phone number:
(
0
0
0
)-0
0
0
0
0
0
0
Why This Control Is Terrible
Instead of typing digits, each slot reels spins continuously. You must stop each reel at the right time using the Set button, repeating for all digits. Restart resets all reels, making simple data entry a tedious mini-game.
UX Violations
- Violates user expectations and mental models
- Increases cognitive load and frustration
- May cause accessibility issues
- Breaks established design patterns
- Provides poor feedback and unclear states