abanoubnassem/filament-phone-field

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

v0.0.6 2024-03-18 06:09 UTC

README

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.