## InputNumber Un champs d'input de valeurs numériques, avec un domaine personnalisable. ### Usage :::demo Liez une variable à `v-model` dans l'element `` et c'est tout ! ```html ``` ::: ### Désactivé :::demo L'attribut `disabled` accepte un `boolean` et si la valeur est `true`, le composant sera désactivé. Si vous souhaitez juste contrôler le domaine des valeurs possibles, ajoutez l'attribut `min` pour régler la valeur minimale et `max` pour la valeur maximale. Par défaut, la valeur minimale est `0`. ```html ``` ::: ### Pas Vous pouvez déterminer un pas pour le champs. :::demo Ajoutez l'attribut `step` pour configurer le pas. ```html ``` ::: ### Précision :::demo Ajoutez l'attribut `precision` pour régler la précision du champs. ```html ``` ::: :::tip La valeur de `precision` doit être un integer non-négatif et ne doit pas être inférieure aux décimales de `step`. ::: ### Taille Utilisez l'attribut `size` pour régler la taille avec `medium`, `small` ou `mini`. :::demo ```html ``` ::: ### Position des contrôles :::demo Réglez `controls-position` pour déterminer la position des boutons. ```html ``` ::: ### Attributs | Attribut | Description | Type | Valeurs acceptées | Défaut | |----| ----| ---| ----| -----| | value / v-model | La valeur liée. | number | — | 0 | | min | La valeur minimale autorisée. | number | — | `-Infinity` | | max | La valeur maximale autorisée. | number | — | `Infinity` | | step | Le pas pour l'incrémentation. | number | — | 1 | | precision | La précision de la valeur. | number | — | — | | size | La taille du composant. | string | large/small| — | | disabled| Si le composant est désactivé. | boolean | — | false | | controls| Si les boutons sont visibles. | boolean | — | true | | controls-position | Position des boutons. | string | right | - | | name | Identique à `name` dans l'input natif. | string | — | — | | label | Texte du label. | string | — | — | | placeholder | Placeholder du champ. | string | - | - | ### Évènements | Nom | Description | Paramètres | |----| ---- | -----| | change | Se déclenche quand la valeur change. | La nouvelle valeur. | | blur | Se déclenche quand le champ perds le focus. | (event: Event) | | focus | Se déclenche quand le champ a le focus. | (event: Event) | ### Méthodes | Méthode | Description | Paramètres | |------|--------|-------| | focus | Met le focus sur le composant. | - | | select | Sélectionne le texte dans le champ. | — |