Phone field plugin screenshot
Dark mode ready
Multilingual support
Supports v5.x

Phone field

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

Tags: Forms Form Field
Supported versions:
3.x 2.x
Abanoub Nassem avatar Author: Abanoub Nassem

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.

The author

Abanoub Nassem avatar Author: 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.

Plugins
2
Stars
11

From the same author