← Back to Plugins
  • Stepper

Stepper

Plugin information

by Martin Hwang • 2 stars

A Number Input Filament Form Component

Support

#stepper on Discord

Views

349

License

MIT

Documentation

Installation

You can install the package via composer:

composer require icetalker/filament-stepper

Usage

use Icetalker\FilamentStepper\Forms\Components\Stepper;
 
protected function getFormSchema(): array
{
return [
...
Stepper::make('quantity')
->minValue(1)
->maxValue(20)
->default(5);
...
 
];
}

Available Methods

Method Description Usage
step Set interval for number input field Stepper::make('price')->step(0.01)
default Define a default value Stepper::make('quantity')->default(1000)
maxValue Define the max value that allow the user to input Stepper::make('quantity')->maxValue(10)
minValue Define the min value that allow the user to input Stepper::make('quantity')->minValue(2)
placeHolder Define a placeholder value for when it has no value Stepper::make('stock')->maxValue('Please input stock number')
disableManualInput Determine if the user could input the number manually Stepper::make('quantity')->disableManualInput()
This sample will disable manual input, even so, user can still change the value through buttons.
... Other methods from filament forms field