Flux now has a Phone input component, with a searchable country picker and automatic formatting for international phone numbers.

<flux:phone wire:model="phone" country="US" label="Phone number" />

The field displays a familiar local format, like (201) 555-0123, while the value bound to Livewire becomes +12015550123. That's E.164, the international format with a country calling code up front. Incomplete numbers stay as typed while someone is editing.

The picker shows flags, country names, and calling codes. You can search for a country or paste an international number directly into the field, and Flux updates the selected country for you.

If most of your users are in a few countries, put those choices first:

<flux:phone :country-order="['US', 'CA', 'GB', 'AU']" />

You can also narrow the picker with countries. The usual Flux labels, descriptions, filled variant, and compact sizes work here too, so it fits alongside your other inputs.

Formatting doesn't replace validation. Validate submitted numbers on your server, including any country restrictions your app needs.

Phone input is available in Flux Pro v2.20.0.