A Laravel Nova slider field using NightCatSama/vue-slider-component

Install the package with composer using the following command:

composer require robertboes/nova-slider-field

Add the field to your nova model:

NovaSliderField::make('Percentage');

• min
• max
• interval
• withoutTooltip
• tooltipOnHover
• formatter

NovaSliderField::make('Distance')->min(50);

Sets the minimum value, defaults to 0.

NovaSliderField::make('Distance')->max(200);

Set the maximum value, defaults to 100.

NovaSliderField::make('Percentage')->interval(5);

Set the interval of which the slider should increment/decrement, default is 1.

NovaSliderField::make('Percentage')->withoutTooltip();

Don't show a tooltip on the detail page.

NovaSliderField::make('Percentage')->tooltipOnHover();

Show a tooltip on hover on the detail page.

NovaSliderField::make('Price')->formatter("€ {value}");

Custom formatter for the text in the tooltip. This is a string which has to contain {value}, for example {value} %

The MIT License (MIT). Please see License File for more information.