Slider

The slider is a component that allows you to enter a numerical value within a range.

Property

No	Item	Input Value	Default Value	Action Property	Type	Action Default Value	Description
1	ID	String	Auto-generated	id	string	Auto-generated	The [id] property cannot be set by actions.
2	Width	Number	222	width	number	222	Component width
3	Height	Number	40	height	number	40	Component height
4	X	Number		x	number		X coordinate position
5	Y	Number		y	number		Y coordinate position
6	Color	String Color Picker		color	string		Component color
7	Background Color	String Color Picker		backgroundColor	string		Background color
8	Input Color	String Color Picker		inputColor	string		Input text color
9	Disabled	Boolean	OFF	disabled	boolean	false	Disabled state
10	Read Only	Boolean	OFF	readOnly	boolean	false	Read-only state
11	Visibility	Boolean	ON	visibility	boolean	true	Component show/hide
12	Vertical Alignment	Selection 1. Top 2. Center 3. Bottom	Top	verticalAlignment	string	top	Vertical alignment
13	Min	Number	0	min	number	0	Slider minimum value
14	Max	Number	100	max	number	100	Slider maximum value
15	Step	Number	1	step	number	1	Slider step unit
16	Value Label	Selection 1. ON 2. OFF 3. AUTO	On	valueLabel	string	on	Label display setting
17	Helper Text	String		helperText	string		Helper text
18	Value	Number	50	value	number	50	Slider value
19	Error			error	boolean	false	Error state
20	Change Event	Selection 1. None 2. Action	None				Event on value change

Note

• Set "step unit (step)" to 1 or more.
• The color specified for [Background Color] is reflected in the background of the label when "Label Display" is set to ON or AUTO.
• The color specified for "Input Text Color" is reflected in the numerical part of the label when "Label Display" is set to ON or AUTO.

Event

Event name	Description
onchange	Occurs when a value change is made.