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
License
The MIT License (MIT). Please see License File for more information.
