@extends('layouts.vertical', ['title' => 'Range', 'sub_title' => 'Forms', 'mode' => $mode ?? '', 'demo' => $demo ?? '']) @section('css') @vite(['node_modules/nouislider/dist/nouislider.min.css']) @endsection @section('content')

Basic Example

Using HTML5 input elements

Locking sliders together

Only showing tooltips when sliding handle

Colored Connect Elements

Colorpicker

Non linear slider

Creating a toggle

Soft limits

@endsection @section('script') @vite(['resources/js/pages/highlight.js', 'resources/js/pages/form-rangeslider.js']) @endsection