The Missing Laravel Nova Phone Number Field.

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

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.