:sparkles: feat(phone-input): new component - Githubissues

baloise / design-system

The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.

https://design.baloise.dev

Apache License 2.0

98 stars 27 forks source link

:sparkles: feat(phone-input): new component #714

Open hirsch88 opened 1 year ago

hirsch88 commented 1 year ago

Summary

Lets provide a generic phone number input component.

be able to select the prefix like Swiss, Germany etc
have a mask for formatting the number to be better readable

Use Case

As a user I like to enter my phone number. As a company I like to have a validated and formatted phone number

Preferred Solution

the prefix/country code always contains the SBU-country and all neighbouring countries
only use a mask for formatting for the SBU-country (Switzerland, Germany, Belgium and Luxembourg)
Design Proposal link here: https://www.figma.com/file/4Knzz1GjBF4zlqsT783etU/Phone%2FNationality-Input?type=design&node-id=10684-8961&mode=dev

Additional Information

Will this feature introduce breaking changes?

None

Code of Conduct

[X] I agree to follow this project's Code of Conduct

hirsch88 commented 9 months ago

Requires the new refactored select component