PIN Input Box Custom Component!

So, I needed a phone-style PIN input box. Explored some JS options, got confused, ended up making it with anvil text box and flow panel. It can be used as a custom component.

I would love some feedbacks and suggestions to improve.
Please check it out or clone it to use it in your apps.

Live Link

Clone Link
https://anvil.works/build#clone:JHYY2HYNLNAM4JWX=WPKRK7Y7FKQWJJE3QTSRAADU

Here is how it looks:
image

Custom Properties and Events:
image

pin_set event is fired when input pins add up to be equal to desired length.
and, after firing the event it resets.

6 Likes

This seems like a cool dependency. I definitely will be needing it some time

1 Like