Components

Phone Input

A phone number field with a searchable country-code selector.

php artisan blatui:add phone-input

No country found.

{{-- Country selector + national number. The country dropdown is searchable. --}}
<x-ui.phone-input name="phone" placeholder="(555) 000-0000" />

With Label

Phone number

No country found.

{{-- With a label and a non-default starting country. --}}
<div class="grid w-full max-w-xs gap-2">
    <x-ui.label for="phone-field">Phone number</x-ui.label>
    <x-ui.phone-input id="phone-field" name="phone" country="GB" placeholder="20 7946 0000" />
</div>