Provides a Phone Input field for the Filament V2-V3 Forms, works in Admin-Panel and Forntend-Forms

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

• Abanoub Nassem

License

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