DiscipleTools / DiscipleTools/disciple-tools-web-components

Country code UI for phone numbers

Open
#136 0 comments 1 reaction 1 assignee Assigned to @Copilot View on GitHub
Dominant language
JavaScript
Stars
3
Forks
10
Avg merge
2d 16h
Merged PRs (30d)
1

Description

Add country code selection to phone numbers, similar to https://intl-tel-input.com/examples/separate-dial-code.html.

Image

Since communication channel fields are handled by the multi-text field, that could implement a `type="phone-intl"` that would optionally enable this UI.

Based on how I've implemented this in a previous project, two NPM libraries could be useful to do this:

- [country-list-with-dial-code-and-flag](https://www.npmjs.com/package/country-list-with-dial-code-and-flag) - flag icons and country dial codes for every country
- [i18n-iso-countries](https://www.npmjs.com/package/i18n-iso-countries) - Localized name of every country

Alternately, could try to use the intl-tel-input package above directly by including it in the component.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.