I was planning out a view for a mobile app and noticed there wasn’t a really good option for this so thought I’d spec one to see the feasibility. There are issues with this from a reusability standpoint: specific padding values, widths, the keyboard is vaporware (doesn’t click; just there for visuals), etc. It does look pretty on my Pixel, though. 😉
To those code junkies, do NOT judge the code. I spent a small amount of time tweaking inline styles, etc and did not build this for production value. You could add a
pinValue to the
PinBoxList component and you’d see the dots show up. Here’s the snack. Enjoy.
Warning: Open the Snack on your phone to get the full view.