Skip to content

Range Input

Incorporate a slider input into your web application to efficiently capture numerical values along a sliding scale.

range-input

Configuring Range Input

The Range Input element offers a variety of configurable properties to tailor its appearance and functionality.

Visual Properties:

Property NameDescription
TooltipEnable or disable the tooltip display.
Font SizeSet the tooltip font size in pixels.
Font FamilyChoose the font family for the tooltip text.
Active Range Background ColorToggle the use of an active background color for the range.
Range BackgroundDefine the color of the range background.
Selector BorderSpecify the color of the selector's border.
Selector BackgroundSet the color of the selector's background.
Tooltip BackgroundChoose the background color for the tooltip.
Tooltip TextDefine the color of the tooltip text.

Other Properties:

Property NameDescription
RequiredEnable or disable the requirement for this input in forms.
Initial ValueSet the default value for the range input.
Minimum RangeDefine the minimum value of the range.
Maximum RangeSpecify the maximum value of the range.
StepDetermine the increment step for the range values.