Ir al contenido principal

Number Input

Un componente de entrada de números. 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​

  • bind | string: nombre de la variable global para el número que se asignará a. Default: ''.
  • defaultValue | number: valor que indica el valor por defecto de la entrada en el arranque. Default: 0.
  • disabled | boolean: booleana que indica si la entrada está activa o no. Default: false.
  • inline | boolean: indica si la entrada se muestra en línea. Default: false.
  • legend | (string|node): cadena que indica el texto que se muestra junto a la entrada del número. Default: none.
  • max | number: número que indica el valor máximo que se puede insertar. Default: null.
  • min | number: número que indica el valor más pequeño posible que se puede insertar. Default: null.
  • numbersOnly | boolean: controla si sólo se aceptan números. Default: true.
  • placeholder | string: cadena que indica el texto que se muestra cuando la entrada está vacía (requiere que defaultValue se establezca como null o undefined). Default: '0'.
  • onBlur | function: función de devolución de llamada que se invocará cuando se utilice un método de desenfoque. Default: onBlur() {}.
  • onChange | function: función de devolución de llamada que se invocará cuando se cambie la entrada de números. Default: onChange() {}.
  • onKeyDown | function: función de llamada de retorno que se invoca cuando se presiona cualquier tecla. Default: onKeyDown() {}.
  • onKeyPress | function: función de llamada de retorno que se invocará cuando se introduzca cualquier tecla. Default: onKeyPress() {}.
  • onKeyUp | function: función de llamada de retorno que se invocará cuando se libere la tecla. Default: onKeyUp() {}.
  • step | (number|string): número que indica los cambios de incremento cuando se utilizan las flechas de incremento. Default: 1.
  • style | object: Estilos en línea CSS. Default: {}.
  • inputStyle | object: Estilos en línea de CSS para el elemento de entrada. Default: {}.
  • value | number: valor numérico (para el componente controlado). Default: none.
  • tooltip | string: Cadena de la punta de la herramienta (si no se establece, la punta de la herramienta se genera automáticamente). Default: none.
  • tooltipPlacement | string: dirección de la punta de la herramienta. Default: 'left'.

Ejemplos​

Editor en vivo
Resultado
ReferenceError: Provider is not defined