Phone number input component

Share your work
1

Hi everyone,

As a backend developer, I’m pretty proud of a little UI component I recently built a custom phone number input.

I feel like something like this would be a great as a native component in WeWeb someday!

Amongst the features there is translation or that it automatically reformats the input to ensure a consistent phone number structure no matter how the user types it (with or without spaces, starting with a 0 or not for French numbers, etc.).

It’s based on an npm package, but I had to do a good bit of customization to make it fit seamlessly with my style library.

image
image425×106 6.41 KB

Here’s a quick showcase if you’re curious:
:backhand_index_pointing_right: Loom video

3 Likes
2

Hi Hugo, this looks great! :rocket:

Any chance you would like to share your component?

You can submit it to the marketplace:

4

Hi Agustin,
Just submited the component to the marketplace :wink:

2 Likes
5

Sick!
Thank you hugo :slight_smile:

6

Hi Hugo, Looks like your component is great!!!

1 Like
7

Hi, this looks great! nice work. What is the name of this component in the market place? it’s something i need urgently

8

Hi, you can find it here : Phone input marketplace

You have a demo available and if you have any questions feel free to ask them here.

2 Likes