Slate
View as Markdown Open in v0 Open in ChatGPT Open in Claude Open in Scira

Slider

An input where the user selects a value from within a given range. Requires Alpine.js.

Usage
example.blade.php 
<x-slate::slider :value="33" class="w-full max-w-sm" />

Range bounds
example.blade.php 
<div class="w-full max-w-sm space-y-4">
    <x-slate::slider :value="25" :min="0" :max="50" :step="5" />
    <x-slate::slider :value="80" />
</div>

API Reference
Prop Type Default Description
value number 50 Initial value
min number 0 Minimum
max number 100 Maximum
step number 1 Step increment
name string — Native input name
disabled bool false Disable interaction
Last updated .