filament-number-input

Project preview

Otro componente de input number para Filament

Es un control de formulario de Filament, tiene soporte para modo oscuro y puedes editar la vista template para usar tu propio diseño

Tech-stack

  • PHP
  • Laravel
  • Filament
  • Tailwindcss
  • Livewire
  • Alpine.js

Como usar

Instalación

El paquete se puede instalar utilizando composer:

composer require vicmans/filament-number-input

Agrega la siguiente linea a tailwind.config.js

export default {
  presets: [],
  content: [
    ...
    './vendor/vicmans/filament-number-input/resources/views/*.blade.php',
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Opcionalmente, puedes publicar las vistas

php artisan vendor:publish --tag="filament-number-input-views"

y poder editar el compoennte a tu gusto.

Uso

use Vicmans\FilamentNumberInput\FilamentNumberInput;

protected function form(): array
{
    return [
        ...
        FilamentNumberInput::make('quantity')
            ->minValue(1)
            ->maxValue(20)
            ->minusIcon('heroicon-o-arrow-left')
            ->default(5);
        ...
    ];
}

Si quieres saber mas, aca esta el enlace al repositorio

GitHub