Skip to main content

Number Input

Un élément de saisie de chiffres. 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#

  • bind | string: nom de la variable globale pour le numéro à attribuer. Default: ''.
  • defaultValue | number: valeur indiquant la valeur par défaut de l'entrée au démarrage. Default: 0.
  • disabled | boolean: booléen indiquant si l'entrée est active ou non. Default: false.
  • inline | boolean: indique si l'entrée est affichée en ligne. Default: false.
  • legend | (string|node): chaîne de caractères indiquant le texte affiché à côté du numéro saisi. Default: none.
  • max | number: numéro indiquant la valeur maximale qui peut être insérée. Default: null.
  • min | number: numéro indiquant la plus petite valeur possible qui peut être insérée. Default: null.
  • numbersOnly | boolean: contrôle si seuls les numéros sont acceptés. Default: true.
  • onBlur | function: fonction de rappel à invoquer en cas d'utilisation d'une méthode de flou. Default: onBlur() {}.
  • onChange | function: fonction de rappel à invoquer en cas de modification de la saisie du numéro. Default: onChange() {}.
  • onKeyDown | function: fonction de rappel à invoquer en appuyant sur n'importe quelle touche. Default: onKeyDown() {}.
  • onKeyPress | function: fonction de rappel à invoquer lors de la saisie de toute clé. Default: onKeyPress() {}.
  • onKeyUp | function: fonction de rappel à invoquer lorsque la clé est libérée. Default: onKeyUp() {}.
  • step | (number|string): numéro indiquant les changements progressifs lors de l'utilisation des flèches d'augmentation. Default: 1.
  • style | object: Styles CSS en ligne. Default: {}.
  • inputStyle | object: Styles CSS en ligne pour les éléments d'entrée. Default: {}.
  • value | number: valeur numérique (pour les composants contrôlés). Default: none.
  • tooltip | string: chaîne d'info-bulle (si elle n'est pas définie, l'info-bulle est automatiquement générée). Default: none.
  • tooltipPlacement | string: direction de l'infobulle. Default: 'left'.

Exemples#

Éditeur en direct
Résultat
Dernière mise à jour le {parUser}