add input slider

Author: rupadana

README.md

@@ -17,6 +17,8 @@ composer require rupadana/filament-custom-forms
 
 ## Usage
 
+### Input Group
+
 ```php
 InputGroup::make(3)
     ->label('Input Group')
@@ -40,6 +42,92 @@ InputGroup::make(3)
     ])
 ```
 
+
+### Input Slider
+
+Simple Input Slider
+
+```php
+InputSliderGroup::make()
+->sliders([
+    InputSlider::make('column_name')
+])
+->label('Column Name')
+```
+
+
+Multiple Input
+
+```php
+InputSliderGroup::make()
+->sliders([
+    InputSlider::make('column_min')
+    InputSlider::make('column_max')
+])
+->label('Column Name')
+```
+
+Connect
+
+```php
+InputSliderGroup::make()
+->sliders([
+    InputSlider::make('column_min')
+    InputSlider::make('column_max')
+])
+->connect([
+    false,
+    true,
+    false
+])
+->label('Column Name')
+```
+
+Maximum & Minimum
+
+```php
+InputSliderGroup::make()
+->sliders([
+    InputSlider::make('column_min')
+    InputSlider::make('column_max')
+])
+->connect([
+    false,
+    true,
+    false
+])
+->max(100)
+->min(0)
+->label('Column Name')
+```
+
+
+Complete
+
+```php
+InputSliderGroup::make()
+    ->sliders([
+        InputSlider::make('column_min'),
+        InputSlider::make('column_max')->default(50),
+    ])
+    ->connect([
+        true,
+        false,
+        true
+    ]) // array length must be sliders length + 1
+    ->range([
+        "min" => 30,
+        "max" => 100
+    ])
+    ->step(10)
+    ->behaviour([
+        InputSliderBehaviour::DRAG,
+        InputSliderBehaviour::TAP
+    ])
+    ->enableTooltips()
+    ->label("Input Slider")
+```
+
 ## Changelog
 
 Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

bin/build.js

@@ -48,3 +48,9 @@ compile({
     entryPoints: ['./resources/js/index.js'],
     outfile: './resources/dist/filament-custom-forms.js',
 })
+
+compile({
+    ...defaultOptions,
+    entryPoints: ['./resources/js/slider.js'],
+    outfile: './resources/dist/components/slider.js',
+})