Nova Slider Field

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

Installation

Install the package with composer using the following command:

composer require robertboes/nova-slider-field

Usage

Add the field to your nova model:

NovaSliderField::make('Percentage');

Field options

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

min

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

Sets the minimum value, defaults to 0.

max

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

Set the maximum value, defaults to 100.

interval

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

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

withoutTooltip

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

Don't show a tooltip on the detail page.

tooltipOnHover

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

Show a tooltip on hover on the detail page.

formatter

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} %

License

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