Download the PHP package santoshjena/livewire-range-slider without Composer
On this page you can find all versions of the php package santoshjena/livewire-range-slider. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download santoshjena/livewire-range-slider
More information about santoshjena/livewire-range-slider
Files in santoshjena/livewire-range-slider
Package livewire-range-slider
Short Description A Tall Stack wrapper for noUiSlider Range Slider
License MIT
Homepage https://github.com/santoshjena007/livewire-range-slider
Informations about the package livewire-range-slider
Livewire Range Slider
A simple noUiSlider blade component for your Livewire Components.
Installation
To get started, require the package to your project's composer.json
Next, add the scripts component to your template after the @livewireScripts
.
Requirements
This package is meant to use with Livewire components. Make sure you are using it with Livewire projects only.
-
PHP 7.4 or higher
-
Laravel 8 and 9
- noUiSlider - already included into the package's bundled scripts.
Usage
Assuming you have this properties inside your livewire component.
The $options
property is simply the noUiSlider options you pass to the component, for more details and configurations please check noUiSlider - JavaScript Range Slider | Refreshless.com.
The $values
property is the model for the range slider values.
Livewire's default wire:model
attribute
Deferred
In cases where you don't need range slider to update live, you can use .defer
modifier.
Multiple properties
Targetting a property for each handle also works out-of-the-box, simply add the properties comma separated.