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.

We've added a new Account overview demo to Flux. It's a banking dashboard with an account balance, searchable transactions, a cash flow chart, and upcoming payments.

There are some nice details in the transaction list: merchant logos, category labels, pending badges, and green amounts for money coming in. The dark balance card gives the page a clear starting point, with the rest of the account details underneath.

You can search the transactions, hover the chart, and try the layout in light or dark mode. It adapts to smaller screens too.

To use it as a starting point, open Account overview on the demos page, switch to Code, and copy the source.

Flux headings now have a 2xl size:

<flux:heading size="2xl">$8,432.10</flux:heading>

We keep Flux's typography options deliberately limited. Too many competing sizes are a fast way to make a design feel inconsistent.

But we've needed a larger heading often enough to make room for one. The balance in our new Account overview demo is a good example: one number that needs to stand out.