Pular para o conteúdo principal

Slider Input

Um componente de entrada deslizante. 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​

  • defaultValue | number: O valor inicial do controle deslizante. Default: 10.
  • disabled | boolean: controla se a entrada do controle deslizante está ativa ou não. Se definido como verdadeiro, o controle deslizante estará presente na tela, embora acinzentado. Default: false.
  • inline | boolean: controla se a barra deslizante deve ser colocada em linha com o texto ou fora. Default: false.
  • legend | (string|node): legenda da entrada. Default: none.
  • max | number: O valor máximo do controle deslizante. Default: 100.
  • maxLabel | string: rótulo a ser exibido à direita do deslizador em vez do valor máximo. Default: none.
  • min | number: O valor mínimo do controle deslizante. Default: 0.
  • minLabel | string: etiqueta a ser exibida à esquerda do controle deslizante em vez do valor mínimo. Default: none.
  • onChange | function: chamada de retorno invocada com o novo valor quando o valor do controle deslizante muda. Default: onChange() {}.
  • precision | number: arredondamento da entrada. O valor será arredondado para não ter dígitos mais significativos do que a precisão. Por exemplo, se alguém desejar usar apenas números inteiros, uma precisão de 10 seria usada, enquanto que se alguém desejar arredondar para o lugar das centenas, seria usada uma precisão de 0,001. Default: 10.
  • step | (number|string): tamanho do degrau do controle deslizante. Default: 1.
  • hideTooltip | boolean: controla se deve ocultar a ponta das ferramentas. Default: false.
  • style | object: Estilos em linha CSS. Default: {}.
  • numberInputStyle | object: Estilos de CSS em linha para componente de entrada de números. Default: {}.
  • rangeInputStyle | object: Estilo CSS em linha para o componente de entrada de gama. Default: {}.

Exemplos​

Editor ao vivo
Resultado
ReferenceError: Provider is not defined