Download the PHP package jaysontemporas/filament-nouislider without Composer
On this page you can find all versions of the php package jaysontemporas/filament-nouislider. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download jaysontemporas/filament-nouislider
More information about jaysontemporas/filament-nouislider
Files in jaysontemporas/filament-nouislider
Package filament-nouislider
Short Description A Filament component for seamlessly integrating NoUiSlider, a highly customizable and lightweight slider library.
License MIT
Informations about the package filament-nouislider
NoUiSlider Filament Component
A custom Filament form component that integrates noUiSlider, a lightweight JavaScript library for creating highly customizable sliders. This component allows you to add a dynamic and interactive slider to your Filament forms with ease.
Features
- Supports single and range sliders.
- Customizable slider configuration.
- Easy integration with Filament forms.
Installation
Require the package via Composer:
Usage
You can use the NoUiSlider
component in your Filament forms as follows:
Basic Example
Range Slider
Range slider will return an array of selected points. On your model, you can cast your column to array
You can also use mutateFormDataBeforeCreate() on your Create page / Form to modify the behaviour before saving
Additional Configuration
You can pass additional configs to the slider by chaining
Vertical Slider
You can use vertial orientation but make sure you adjust your slider's height
Styling
You can use your app default colors (primary, gray, info, success, warning, danger)
You can also style each section
Additional Options
- mergeOverlappingTooltip()
- circleHandle(), squareHandle()
- sliderDisabled()
- tooltipPrefix('$'), tooltipSuffix(' celsius')
- pips(pips config here)
Requirements
- PHP 8.0+
- Laravel 10+
- Filament 3+
Contributing
Feel free to submit issues or pull requests. Contributions are welcome!
License
This project is open-source and licensed under the MIT license.