kvision-material/io.kvision.material.slider/MdRangeSlider

MdRangeSlider

open class MdRangeSlider(disabled: Boolean = false, min: Number = 0, max: Number = 100, valueStart: Number? = null, valueEnd: Number? = null, step: Number = 1, ticks: Boolean = false, labeled: Boolean = false, valueLabelStart: String? = null, valueLabelEnd: String? = null, ariaLabelStart: String? = null, ariaValueTextStart: String? = null, ariaLabelEnd: String? = null, ariaValueTextEnd: String? = null, name: String? = null, nameStart: String? = null, nameEnd: String? = null, className: String? = null, init: MdRangeSlider.() -> Unit? = null) : MdBaseSlider<Nothing?>

Range Sliders expand upon MdRangeSlider using the same concepts but allow the user to select 2 values.

The two values are still bounded by the value range but they also cannot cross each other.

See https://material-web.dev/components/slider/

Author

Maanrifa Bacar Ali

Constructors

MdRangeSlider

constructor(disabled: Boolean = false, min: Number = 0, max: Number = 100, valueStart: Number? = null, valueEnd: Number? = null, step: Number = 1, ticks: Boolean = false, labeled: Boolean = false, valueLabelStart: String? = null, valueLabelEnd: String? = null, ariaLabelStart: String? = null, ariaValueTextStart: String? = null, ariaLabelEnd: String? = null, ariaValueTextEnd: String? = null, name: String? = null, nameStart: String? = null, nameEnd: String? = null, className: String? = null, init: MdRangeSlider.() -> Unit? = null)

Properties

ariaLabelEnd

var ariaLabelEnd: <Error class: unknown class>

Aria label for the range slider's end handle.

ariaLabelStart

var ariaLabelStart: <Error class: unknown class>

Aria label for the range slider's start handle.

ariaValueTextEnd

var ariaValueTextEnd: <Error class: unknown class>

Aria value text for the range slider's end value.

ariaValueTextStart

var ariaValueTextStart: <Error class: unknown class>

Aria value text for the range slider's start value.

disabled

var disabled: <Error class: unknown class>

Whether or not the widget is disabled.

form

val form: <Error class: unknown class>?

The associated form element with which this element's value will submit.

labeled

var labeled: <Error class: unknown class>

Whether or not to show a value label when activated.

labels

val labels: <Error class: unknown class>?

The labels this element is associated with.

max

var max: <Error class: unknown class>

The slider maximum value

min

var min: <Error class: unknown class>

The slider minimum value

name

var name: <Error class: unknown class>

The name to use in form submission.

nameEnd

var nameEnd: <Error class: unknown class>

The HTML name to use in form submission for a range slider's ending value. Use name instead if both the start and end values should use the same name.

nameStart

var nameStart: <Error class: unknown class>

The HTML name to use in form submission for a range slider's starting value. Use name instead if both the start and end values should use the same name.

parent

open var parent: <Error class: unknown class>?

range

open override val range: Boolean

Whether or not to show a value range.

step

var step: <Error class: unknown class>

The step between values.

ticks

var ticks: <Error class: unknown class>

Whether or not to show tick marks.

value