Blazorise Range Slider API

Explore the Blazorise Range Slider API reference for parameters, events, methods, and related types.

For examples and usage guidance, see the Range Slider documentation.

API

Parameters

Parameter Description TypeDefault
AllowEqualValues

Specifies whether both handles can point to the same value.

Remarks

When set to false and ClampToOtherHandle is enabled, the handles keep at least one Step between them.

 booltrue
AriaDescribedBy

Specifies the aria-describedby attribute value.

Remarks

When set, this value is rendered as-is and overrides help and validation message ids generated by Field and Validation.

 string
AriaInvalid

Specifies the aria-invalid attribute value.

Remarks

When set, this value is rendered as-is and overrides the validation-derived aria-invalid state.

 string
AriaLabelledBy

Specifies the aria-labelledby attribute value.

Remarks

When set, this value is rendered as-is. Some non-labelable controls can otherwise derive it automatically from a parent FieldLabel or FieldsLabel.

 string
AriaRequired

Specifies the aria-required attribute value.

Remarks

When set, this value overrides the required-field state resolved from the parent Validation.

 boolfalse
Autofocus

Set's the focus to the component after the rendering is done.

 boolfalse
ChildContent

Specifies the content to be rendered inside this RangeSlider.

 RenderFragmentnull
ClampToOtherHandle

Specifies whether the active handle should stop at the other handle while dragging.

Remarks

When set to true, the active handle is clamped to the other handle instead of swapping positions.

 boolfalse
Disabled

Add the disabled boolean attribute on an input to prevent user interactions and make it appear lighter.

 boolfalse
EndAriaLabel

Accessible label text for the end handle.

 string"End value"
Feedback

Placeholder for validation messages.

 RenderFragmentnull
Max

The maximum value to accept for this input.

 TValuenull
Min

The minimum value to accept for this input.

 TValuenull
ReadOnly

Add the readonly boolean attribute on an input to prevent modification of the input’s value.

 boolfalse
ShowValueTooltips

Specifies if the value tooltips are visible.

 booltrue
Size

Sets the size of the input control.

 Size?null
StartAriaLabel

Accessible label text for the start handle.

 string"Start value"
Step

Specifies the interval between valid values.

 TValuenull
TabIndex

If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.

 int?null
Value

Specifies the value inside the input field.

 TValuenull
ValueExpression

Specifies an expression that identifies the input value.

 Expression<Func<TValue>>null

Events

Event Description Type
Blur

The blur event fires when an element has lost focus.

 EventCallback<FocusEventArgs>
CustomValidationValue

Used to provide custom validation value on which the validation will be processed with the Validator handler.

Remarks

Should be used carefully as it's only meant for some special cases when input is used in a wrapper component, like Autocomplete or SelectList.

 Func<TValue>
FocusIn

Notifies when the input box gains focus.

 EventCallback<FocusEventArgs>
FocusOut

Notifies when the input box loses focus.

 EventCallback<FocusEventArgs>
KeyDown

Notifies when a key is pressed down while the control has focus.

 EventCallback<KeyboardEventArgs>
KeyPress

Notifies when a key is pressed while the control has focus.

 EventCallback<KeyboardEventArgs>
KeyUp

Notifies when a key is released while the control has focus.

 EventCallback<KeyboardEventArgs>
OnFocus

Notifies when the input box gains or loses focus.

 EventCallback<FocusEventArgs>
ValueChanged

Occurs after value has changed.

 EventCallback<TValue>

Methods

Method DescriptionReturnParameters
Focus Sets the focus on the underline element. Taskbool scrollToElement
Revalidate Forces the Validation (if any is used) to re-validate with the new custom or internal value. Task
On this page