LaravelPackages.net
Acme Inc.
Toggle sidebar
galangaidilakbar/numeric-mask

A Laravel Nova field that automatically adds thousand separator dots while typing (e.g., 1000 becomes 1.000)

150
0
v1.0.0
About galangaidilakbar/numeric-mask

galangaidilakbar/numeric-mask is a Laravel package for a laravel nova field that automatically adds thousand separator dots while typing (e.g., 1000 becomes 1.000). It currently has 0 GitHub stars and 150 downloads on Packagist (latest version v1.0.0). Install it with composer require galangaidilakbar/numeric-mask. Discover more Laravel packages by galangaidilakbar or browse all Laravel packages to compare alternatives.

Last updated

Laravel Nova Numeric Mask Field

A Laravel Nova field that automatically adds thousand separator dots while typing. Perfect for currency, quantities, or any numeric input that needs better readability.

Create Resource

Features

  • Real-time thousand separator formatting (e.g., 1000 → 1.000)
  • Works with copy/paste
  • Maintains numeric value in database
  • Compatible with Laravel Nova 4.x

Requirements

  • Laravel Nova 4.x or higher
  • PHP 7.3 or higher

Installation

You can install the package via composer:

composer require galangaidilakbar/numeric-mask

Usage

use Galangaidilakbar\NumericMask\NumericMask;

public function fields(Request $request)
{
    return [
        NumericMask::make('Price'),
    ];
}

That will give you separate dots while typing in the input field.

Displaying the value

Since we store the raw value in the database, you can do whatever you want with the value. For example, you can use the currency method from Laravel's Number class:

use Illuminate\Support\Number;
use Galangaidilakbar\NumericMask\NumericMask;

public function fields(Request $request)
{
    return [
        NumericMask::make("Price")->displayUsing(
            fn($value) => Number::currency($value)
        ),
    ];
}

That will display the value as a currency to be something like this: $20,000.00.

Show Resource

Credits

License

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

Star History Chart