API REFERENCE · FORM CONTROLS

`<dj-slider>`

A form-associated single-value range input with a themed track/fill/thumb and optional output, composing <dj-label>. Parts: label, track, fill, input, output.

Try it in the playground

@dojo-ng/slider · v0.1.1

npm install @dojo-ng/slider

import "@dojo-ng/slider";

Properties

Property	Attribute	Type	Default
`min`	`min`	`number`	`0`
`max`	`max`	`number`	`100`
`step`	`step`	`number`	`1`
`value`	`value`	`number`	`0`
`name`	`name` reflected	`string`	None
`label`	`label`	`string`	None
`showOutput`	`show-output`	`boolean`	`true`
`disabled`	`disabled` reflected	`boolean`	`false`
`readonly`	`readonly` reflected	`boolean`	`false`
`required`	`required` reflected	`boolean`	`false`
`labelHidden`	`label-hidden`	`boolean`	`false`

Events

change

CSS parts

Style these with dj-slider::part(name).

labeltrackfillinputoutput

Methods

checkValidity(): booleanfocus(o: FocusOptions)restoreFormState(state: File | string | FormData | null)