Slider

Slider enables the selection of a single value within a range of values. It offers inline label positioning and marks displayed under the track.

View source code

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected

Keyboard interactions

Key	Function
`Tab`	If focus is outside slider, moves focus to the slider indicator within the tabbing order. If focus is on slider indicator, moves focus to the next component within the tabbing order.
`Shift` + `Tab`	Moves focus to the previous item within the tabbing order
`Up arrow` / `Right arrow`	Increase the value of the slider by one step.
`Down arrow` / `Left arrow`	Decrease the value of the slider by one step.
`Home`	Set the slider to the first allowed value in its range.
`End`	Set the slider to the last allowed value in its range.
`Page Up`	Increase the slider value by a multiple of the standard step size used by the Up Arrow.
`Page Down`	Decrease the slider value by a multiple of the standard step size used by the Down Arrow.

Keyboard interactions

Key	Function
`Tab`	If focus is outside slider, moves focus to the slider indicator within the tabbing order. If focus is on slider indicator, moves focus to the next component within the tabbing order.
`Shift` + `Tab`	Moves focus to the previous item within the tabbing order
`Up arrow` / `Right arrow`	Increase the value of the slider by one step.
`Down arrow` / `Left arrow`	Decrease the value of the slider by one step.
`Home`	Set the slider to the first allowed value in its range.
`End`	Set the slider to the last allowed value in its range.
`Page Up`	Increase the slider value by a multiple of the standard step size used by the Up Arrow.
`Page Down`	Decrease the slider value by a multiple of the standard step size used by the Down Arrow.

Keyboard interactions

Key	Function
`Tab`	If focus is outside slider, moves focus to the slider indicator within the tabbing order. If focus is on slider indicator, moves focus to the next component within the tabbing order.
`Shift` + `Tab`	Moves focus to the previous item within the tabbing order
`Up arrow` / `Right arrow`	Increase the value of the slider by one step.
`Down arrow` / `Left arrow`	Decrease the value of the slider by one step.
`Home`	Set the slider to the first allowed value in its range.
`End`	Set the slider to the last allowed value in its range.
`Page Up`	Increase the slider value by a multiple of the standard step size used by the Up Arrow.
`Page Down`	Decrease the slider value by a multiple of the standard step size used by the Down Arrow.