Skip to main content

Slider Input

Un composant de saisie de curseur. Peut être utilisé dans le cadre d'un tableau de bord ISLE ou de manière autonome. Dans ce dernier cas, vous souhaitez gérer les modifications via l'attribut "onChange" ou lier la valeur à une variable globale via l'attribut "bind".

Options#

  • defaultValue | number: La valeur de départ du curseur. Default: 10.
  • disabled | boolean: contrôle si l'entrée du curseur est active ou non. S'il est réglé sur "true", le curseur sera présent à l'écran, bien qu'il soit grisé. Default: false.
  • inline | boolean: contrôle si le curseur doit être placé en ligne avec le texte ou en dehors. Default: false.
  • legend | (string|node): légende de la contribution. Default: none.
  • max | number: La valeur maximale du curseur. Default: 100.
  • maxLabel | string: l'étiquette doit être affichée à droite du curseur au lieu de la valeur maximale. Default: none.
  • min | number: La valeur minimale du curseur. Default: 0.
  • minLabel | string: l'étiquette doit être affichée à gauche du curseur au lieu de la valeur minimale. Default: none.
  • onChange | function: rappel invoqué avec la nouvelle valeur lorsque la valeur du curseur change. Default: onChange() {}.
  • precision | number: l'arrondi des entrées. La valeur sera arrondie pour ne pas avoir plus de chiffres significatifs que la précision. Par exemple, si l'on souhaite utiliser uniquement des nombres entiers, on utilisera une précision de 10, tandis que si l'on souhaite arrondir à la centaine, on utilisera une précision de 0,001. Default: 10.
  • step | (number|string): taille de pas du curseur. Default: 1.
  • hideTooltip | boolean: contrôle si l'info-bulle doit être cachée. Default: false.
  • style | object: Styles CSS en ligne. Default: {}.
  • numberInputStyle | object: Styles CSS en ligne pour la composante de saisie des nombres. Default: {}.
  • rangeInputStyle | object: Style CSS en ligne pour le composant d'entrée de gamme. Default: {}.

Exemples#

Éditeur en direct
Résultat
ReferenceError: Provider is not defined