templUI Pro coming soon  

50% OFF Join Waitlist

Slider

Control for selecting a numeric value within a range.

Source
TailwindCSS
Vanilla JS

Installation

  1. Install the component

    templui add slider
  2. Add the JavaScript to your layout

    @slider.Script()
    

    Call this template in your base layout file (e.g., in the <head> section).

Examples

Value

Steps

Disabled

External Value

External value (linked to the slider):

%