Pular para o conteúdo principal

Number Input

Um número de componentes de entrada. Pode ser usado como parte de um painel de instrumentos ISLE ou autônomo. Neste último caso, você quer lidar com as mudanças através do atributo "Mudar" ou ligar o valor a uma variável global através do atributo "ligar".

Opções#

  • bind | string: nome da variável global para o número a ser atribuído a. Default: ''.
  • defaultValue | number: valor que indica o valor padrão da entrada na partida. Default: 0.
  • disabled | boolean: booleano indicando se a entrada está ativa ou não. Default: false.
  • inline | boolean: indica se a entrada é exibida em linha. Default: false.
  • legend | (string|node): string indicando o texto exibido ao lado da entrada do número. Default: none.
  • max | number: número indicando o valor máximo que pode ser inserido. Default: null.
  • min | number: número indicando o menor valor possível que pode ser inserido. Default: null.
  • numbersOnly | boolean: controla se apenas números são aceitos. Default: true.
  • onBlur | function: função de chamada de retorno a ser invocada quando se utiliza um método de desfocagem. Default: onBlur() {}.
  • onChange | function: função de chamada de retorno a ser invocada quando a entrada do número é alterada. Default: onChange() {}.
  • onKeyDown | function: função chamada de retorno a ser invocada quando qualquer tecla é pressionada. Default: onKeyDown() {}.
  • onKeyPress | function: função de chamada de retorno a ser invocada quando qualquer chave é inserida. Default: onKeyPress() {}.
  • onKeyUp | function: função de retorno de chamada a ser invocada quando a chave é liberada. Default: onKeyUp() {}.
  • step | (number|string): número que indica as mudanças incrementais ao usar as setas de incremento. Default: 1.
  • style | object: Estilos em linha CSS. Default: {}.
  • inputStyle | object: Estilos de CSS em linha para elemento de entrada. Default: {}.
  • value | number: valor numérico (para componente controlado). Default: none.
  • tooltip | string: dica de ferramentas (se não estiver definida, a dica de ferramentas é gerada automaticamente). Default: none.
  • tooltipPlacement | string: direção da ponta da ferramenta. Default: 'left'.

Exemplos#

Editor ao vivo
Resultado
Última atualização{atData}{por Usuário}