Ir al contenido principal

Slider Input

Un componente de entrada deslizante. Puede ser usado como parte de un tablero de ISLE o independiente. En este último caso, quieres manejar los cambios a través del atributo "onChange" o vincular el valor a una variable global a través del atributo "bind".

Opciones​

  • defaultValue | number: El valor inicial del deslizador. Default: 10.
  • disabled | boolean: controla si la entrada del deslizador está activa o no. Si se establece en true, el deslizador estará presente en la pantalla, aunque en gris. Default: false.
  • inline | boolean: controla si se coloca el deslizador en línea con el texto o fuera de él. Default: false.
  • legend | (string|node): leyenda de la entrada. Default: none.
  • max | number: El valor máximo del deslizador. Default: 100.
  • maxLabel | string: que se mostrará a la derecha del deslizador en lugar del valor máximo. Default: none.
  • min | number: El valor mínimo del deslizador. Default: 0.
  • minLabel | string: etiqueta que se mostrará a la izquierda del deslizador en lugar del valor mínimo. Default: none.
  • onChange | function: llamada de retorno invocada con el nuevo valor cuando el valor del deslizador cambia. Default: onChange() {}.
  • precision | number: redondeo de la entrada. El valor se redondeará para no tener más dígitos significativos que la precisión. Por ejemplo, si se desea utilizar sólo números enteros, se usará una precisión de 10, mientras que si se desea redondear al lugar de las centenas, se usará una precisión de 0,001. Default: 10.
  • step | (number|string): tamaño del paso del deslizador. Default: 1.
  • hideTooltip | boolean: controla si ocultar la información de la herramienta. Default: false.
  • style | object: Estilos en línea CSS. Default: {}.
  • numberInputStyle | object: Estilos en línea de CSS para el componente de entrada de números. Default: {}.
  • rangeInputStyle | object: Estilo en línea de CSS para el componente de entrada de rango. Default: {}.

Ejemplos​

Editor en vivo
Resultado
ReferenceError: Provider is not defined