https://github.com/nettantra/filament-slider-input-field

This is a wrapper around noUiSlider which allows creating a slider field on Filament Forms.
https://github.com/nettantra/filament-slider-input-field

filamentadmin filamentphp laravel

Last synced: 3 months ago
JSON representation

This is a wrapper around noUiSlider which allows creating a slider field on Filament Forms.

• Host: GitHub
• URL: https://github.com/nettantra/filament-slider-input-field
• Owner: nettantra
• License: mit
• Created: 2022-11-08T12:22:22.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-25T06:42:44.000Z (about 1 year ago)
• Last Synced: 2024-05-07T22:33:35.368Z (6 months ago)
• Topics: filamentadmin, filamentphp, laravel
• Language: Blade
• Homepage:
• Size: 37.1 KB
• Stars: 17
• Watchers: 4
• Forks: 10
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-filament - nettantra/filament-slider-input-field - A Range Slider Field for Filament. (Fields)

README

        
# Slider Input Field for Filament Forms

This is a wrapper around [noUiSlider](https://refreshless.com/nouislider/) which allows creating a slider field on Filament Forms.

[![Latest Version on Packagist](https://img.shields.io/packagist/v/nettantra/filament-slider-input-field.svg?style=flat-square)](https://packagist.org/packages/nettantra/filament-slider-input-field)

[![Total Downloads](https://img.shields.io/packagist/dt/nettantra/filament-slider-input-field.svg?style=flat-square)](https://packagist.org/packages/nettantra/filament-slider-input-field)

## Installation

You can install the package via composer:

```bash

composer require nettantra/filament-slider-input-field

```

## Usage

```php

use NetTantra\FilamentSliderInputField\Forms\Components\SliderInput;

// admin panel

    public static function form(Form $form): Form

    {

        return $form->schema([

                    ...

                    SliderInput::make('rating')

                                ->minValue(0)

                                ->maxValue(5)

                                ->step(0.05);

                ]);

     }

//frontend-forms 

    protected function getFormSchema(): array

    {

        return [

            ....

             SliderInput::make('rating')

                        ->minValue(0)

                        ->maxValue(5)

                        ->step(0.05);

        ];

    }

```

## Changelog

Please see [CHANGELOG](CHANGELOG.md) for more information on latest changes.

## Security Vulnerabilities

Please report any security vulnerabilities by raising an issue [here](https://github.com/nettantra/filament-slider-input-field/issues/new)

## Credits

- [NetTantra Technologies](https://github.com/nettantra)

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.