Country Code Selector ✅
Deliver nicely styled country code selection in your forms.
RELEASED in v0.1.4
Features
Allow drop-in country code selection for accompanying phone number fields
Show flag, country name and country code
Ability to set default countries
First default is selected automatically
Others are at the top of the list
Control the field name submitted with the form
Keyboard support
Begin typing country name
Or +country code
Properties
Name
Test
The field name the country code is submitted under.
Default Countries
Text ( CSV )
Default country codes to show at the top of the list. The first one is automatically selected. Defaults to US if unspecified.
Searchable
Boolean
Size
Variant
Small, Medium, Large
Display
Variant
Inline Block Block
Height
Text ( Measure )
Defines the height of the closed control, for precise alignment next to a phone number field.
Show Flag
Boolean
Choose whether to show the flag
Show Dial Code
Boolean
Choose whether to show the dial code
Debug
Boolean
For advanced console logging
Styling
Use the Size, Display, and Height properties.
No variable styling options currently.
Future
Countries list
Curated countries list
Possibly CMS-driven
Auto-detection
Automatic GeoIP country code selection option
Combine with phone number field
Support smart formatting and validation internally
Styling
Flag style options ( rectangular, square, circular )
a11y
Mobile variations
? Device-specific
Validation
3rd party validation service integration for automatic phone validation
Including type-checking for SMS, etc.
Technical Notes
Flag icons
Fonts seem inconsistent and problematic cross-platform.
Using icon lib here- https://github.com/lipis/flag-icons
Last updated