The missing range field for the Filament forms.
Installation
You can install the package via composer:
composer require yepsua/filament-range-field
Publish the assets:
php artisan vendor:publish --tag="filament-range-field-assets"
Optionally, you can publish the views using
php artisan vendor:publish --tag="filament-range-field-views"
Basic usage
By default the range is used to get value from 0 to 100.
use Yepsua\Filament\Forms\Components\RangeSlider
...
protected function getFormSchema(): array
{
return [
...
RangeSlider::make('range')
...
];
}
...
Defining the steps:
use Yepsua\Filament\Forms\Components\RangeSlider
...
protected function getFormSchema(): array
{
return [
...
RangeSlider::make('range')->steps([
'A', // should get value: 1 for the A
'B', // should get value: 2 for the B
'C', // should get value: 3 for the C
'D' // should get value: 4 for the D
])
...
];
}
...
Associative Array:
use Yepsua\Filament\Forms\Components\RangeSlider
...
protected function getFormSchema(): array
{
return [
...
RangeSlider::make('range')->steps([
'25' => 'A', // should get value: 25 for the A
'50' => 'B', // should get value: 50 for the B
'75' => 'C', // should get value: 75 for the C
'100' => 'D' // should get value: 100 for the D
])
...
];
}
...
Hide the Step List:
use Yepsua\Filament\Forms\Components\RangeSlider
...
protected function getFormSchema(): array
{
return [
...
RangeSlider::make('range')->steps([
'A',
'B',
'C',
'D'
])->displaySteps(false)
...
];
}
...
RangeSlider::make('range')->steps([
0 => '0',
25 => '25',
50 => '50',
75 => '75',
100 => '100'
])->step(25)
...
The same case applies for the min and max setters:
RangeSlider::make('range')->min(25)->max(75)->step(5)
Testing
composer test
Changelog
Please see CHANGELOG for more information on what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
License
The MIT License (MIT). Please see License File for more information.
4 Aug 29, 2022
39 Dec 21, 2022
41 Dec 24, 2022
5 Jun 12, 2023
45 Dec 26, 2022
22 Jan 2, 2023
4 Dec 21, 2022
59 Sep 25, 2022
91 Oct 13, 2022
11.3k Jan 7, 2023
70 Nov 18, 2022
5 Apr 2, 2022
3 Sep 25, 2022
15 Oct 31, 2019
217 Oct 24, 2022
875 Dec 29, 2022
839 Dec 22, 2022
107 Dec 5, 2022