Installation
Install the component
templui add slider
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):
%
API Reference
Required parameter
Hover for description
Slider
Main slider container component.
Name | Type | Default |
---|---|---|
|
|
|
|
|
|
|
|
|
Input
The actual range input element.
Name | Type | Default |
---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Value
Display element for the current slider value.
Name | Type | Default |
---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|