devloops/phone-number

Laravel Nova Phone Number Field

The Missing Laravel Nova Phone Number Field.

NOTE: This field uses vue-tel-input for frontend.

Screenshot

Installation

composer require devloops/phone-number

Implementation

You can easily add the field using the code below:

use Devloops\PhoneNumber\PhoneNumber;

PhoneNumber::make('Phone Number')

Options

This fields supports all the props from the vue-tel-input mentioned already in the documentation, and they are implemented using the following methods.

Methods / Defaults

Method/Options	Default
`withAllCountries()`	array: All countries that are used in libphonenumber-js
`withAutoFormat()`	boolean: `true`
`withCustomValidate()`	boolean: `false`
`withDefaultCountry()`	string: `''`
`withDisabled()`	boolean: `false`
`withAutoDefaultCountry()`	boolean: `true`
`withDropdownOptionsDisabled()`	boolean: `false`
`withDropdownOptionsShowDialCodeInList()`	boolean: `true`
`withDropdownOptionsShowDialCodeInSelection()`	boolean: `false`
`withDropdownOptionsShowFlags()`	boolean: `true`
`withDropdownOptionsShowSearchBox()`	boolean: `false`
`withDropdownOptionsTabindex()`	int: `0`
`withIgnoredCountries()`	array: `[]`
`withInputOptionsAutocomplete()`	string: `'on'`
`withInputOptionsAutofocus()`	boolean: `false`
`withInputOptionsAriaDescribedby()`	string: `''`
`withInputOptionsId()`	string: `''`
`withInputOptionsMaxlength()`	int: `25`
`withInputOptionsName()`	string: `'telephone'`
`withInputOptionsShowDialCode()`	boolean: `false`
`withInputOptionsPlaceholder()`	string: `'Enter a phone number'`
`withInputOptionsReadonly()`	boolean: `false`
`withInputOptionsRequired()`	boolean: `false`
`withInputOptionsTabindex()`	int: `0`
`withInputOptionsType()`	string: `'tel'`
`withInputOptionsStyleClasses()`	string/array: `''`
`withInvalidMsg()`	string: `''`
`withMode()`	string: `'auto'`
`withOnlyCountries()`	array: `[]`
`withPreferredCountries()`	array: `[]`
`withStyleClasses()`	string/array: `''`
`withValidCharactersOnly()`	boolean: `false`

Credits

Abdullah Al-Faqeir

License

The MIT License (MIT). Please see License File for more information.