Loading video...

Video Failed to Load

Go Home

Made a Phone Input component with shadcn ui and libphonenumber-js

48,295 views • 2 years ago •via X (Twitter)

11 Comments

Damián Ricobelli's profile picture
Damián Ricobelli2 years ago

Website: GitHub repo:

Paul 🚧's profile picture
Paul 🚧2 years ago

@shadcn Did you take into account, that Windows doesn't support flag emojis?

Damián Ricobelli's profile picture
Damián Ricobelli2 years ago

@paul_koeck @shadcn Yes! For a first version, I didn’t want to dwell on it too much. Another way to solve it can be with svg for each country, but I have to investigate a little more.

Francis Baker's profile picture
Francis Baker2 years ago

@shadcn You’ve been cranking out some amazing components lately. The stepper is one of my favorites, and using that in an app.

Damián Ricobelli's profile picture
Damián Ricobelli2 years ago

@shadcn Thank you very much, Francis ❤️

Abdulhamit Akaslan's profile picture
Abdulhamit Akaslan2 years ago

@shadcn Nice job! I just find a weird bug on "Ctrl" + "Z" to revert last char. It keeps copy-paste whole input. Also "Ctrl" + "A" and "Delete" not working properly too.

Damián Ricobelli's profile picture
Damián Ricobelli2 years ago

@shadcn Thank you for discovering it! I will try to make the fix between today and tomorrow.

Mohammad Alnahhas's profile picture
Mohammad Alnahhas2 years ago

@shadcn Looks very neat! One minor issue I discovered is searching with the country code does not work properly.

Damián Ricobelli's profile picture
Damián Ricobelli2 years ago

@shadcn Hey! Could you create an issue in the GitHub repo?

Jidé ✨'s profile picture
Jidé ✨2 years ago

@shadcn Added your component to my shadcn/ui additional components and resources post

Damián Ricobelli's profile picture
Damián Ricobelli2 years ago

@shadcn Thank you 🙏

Related Videos