Plugins
Phone field
Provides a Phone Input field for the Filament V2-V3 Forms, works in Admin-Panel and Forntend-Forms.
Form Builder
Form Field
Dark theme support
Yes
Multi language support
No
Compatible with the latest version
Supported versions: 2.x - 3.x
Documentation

Latest Version on Packagist Total Downloads

A wrapper around intl-tel-input plugin for entering and validating international telephone numbers. It adds a flag dropdown to filament-forms, detects the user's country, displays a relevant placeholder and provides formatting/validation methods.

#Installation

You can install the package via composer:

composer require abanoubnassem/filament-phone-field

You can publish the config file with:

php artisan vendor:publish --tag="filament-phone-field-config"

This is the Content of the published config file. Check it for more understanding of how the plugin works.

All the configurations , can be overridden by chaining the PhoneInput field.

#Usage

use AbanoubNassem\FilamentPhoneField\Forms\Components\PhoneInput;
 
// admin panel
public static function form(Form $form): Form
{
return $form->schema([
...
PhoneInput::make('phone')
// make sure to set Initial Country to null, in the admin panel
// especially if you have multiple records of phone numbers from
// multiple different countries.
->initialCountry(null)
->tel()
]);
}
 
//frontend-forms
protected function getFormSchema(): array
{
return [
....
PhoneInput::make('phone')
->tel()
];
}

#Changelog

Please see CHANGELOG for more information on what has changed recently.

#Security Vulnerabilities

If you discover any security related issues, please create an issue.

#Credits

#License

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

Abanoub Nassem

Abanoub is a (Polyglot/Full-Stack) Developer able to build a Web/Mobile Apps. Skilled at writing well-designed, testable and efficient code using current best practices.

2
Plugins
16
Stars
More from this author
Featured Plugins