RayCraftDocs
v1.0.3
es
raycraft.dev
En esta página

RangeSlider

Free

Control deslizante con dos tiradores para elegir un valor inferior y uno superior. Ambos tiradores son entradas range nativas, por lo que funcionan las flechas.

Ejemplo

Control RangeSlider

Parámetros

ParámetroTipoDescripción
ClassstringClases CSS adicionales que se agregan al elemento raíz.
DisabledboolDesactiva la interacción.
HighDoubleValor superior. Úselo con @bind-High.
LabelstringTexto visible de la etiqueta (gráficos: nombre accesible; IconButton: nombre accesible y sugerencia).
LowDoubleValor inferior. Úselo con @bind-Low.
MarkStepDouble?Distancia entre marcas; de forma predeterminada, una quinta parte del rango.
MaxDoubleMayor valor permitido (ProgressBar: el valor que significa 100 %; Rating: número de estrellas).
MinDoubleMenor valor permitido.
ShowMarksboolDibuja marcas de graduación con números bajo la pista.
ShowValueboolMuestra el valor actual junto al control deslizante.
StepDoubleCantidad que suman o restan los botones y las flechas.
StylestringEstilo en línea agregado al elemento raíz.

Eventos

EventoTipoDescripción
HighChangedEventCallback<Double>Se genera cuando cambia el valor superior.
LowChangedEventCallback<Double>Se genera cuando cambia el valor inferior.

Paquete

RangeSlider forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.