## InputNumber Input de valores numéricos con un rango personalizable. ### Uso básico :::demo Vincule una variable con `v-model` en el elemento y estará listo. ```html ``` ::: ### Disabled :::demo El atributo `disabled` acepta un valor `boolean`, y si el valor es `true`, el componente queda deshabilitado. Si sólo necesita controlar el valor dentro de un rango, puede añadir un atributo `min` para establecer el valor mínimo y un valor `max` para establecer el valor máximo. Por defecto, el valor mínimo es `0`. ```html ``` ::: ### Steps Le permite definir el nivel de incremento de los saltos. :::demo Añada el atributo `step` para establecer el salto. ```html ``` ::: ### Precision :::demo Add `precision` attribute to set the precision of input value. ```html ``` ::: :::tip The value of `precision` must be a non negative integer and should not be less than the decimal places of `step`. ::: ### Tamaño Utilice el atributo `size` para establecer tamaños adicionales con `medium`, `small` o `mini`. :::demo ```html ``` ::: ### Posición de los controles :::demo Establezca `controls-position` para decidir la posición de los botones de control. ```html ``` ::: ### Atributos | Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | ----------------- | ---------------------------------------- | ------- | ----------------- | ----------- | | value / v-model | valor vinculado | number | — | 0 | | min | el valor mínimo permitido | number | — | `-Infinity` | | max | el valor maximo permitido | number | — | `Infinity` | | step | incremento (salto) | number | — | 1 | | precision | precisión del valor del input | number | — | — | | size | tamaño del componente | string | large/small | — | | disabled | si el componente esta deshabilitado | boolean | — | false | | controls | si se activan los botones de control | boolean | — | true | | controls-position | posición de los botones de control | string | right | - | | name | lo mismo que `name` en un input nativo | string | — | — | | label | texto de la etiqueta | string | — | — | | placeholder | placeholder in input | string | - | - | ### Eventos | Nombre | Descripción | Parámetros | | ------ | ---------------------------------------- | ------------------ | | change | se produce cuando el valor cambia | value after change | | blur | se produce cuando el componente pierde el foco | (event: Event) | | focus | se produce cuando el componente obtiene el foco | (event: Event) | ### Métodos | Método | Descripción | Parámetro | | ------ | ------------------------------------ | --------- | | focus | coloca el foco en el elemento actual | - | | select | selecciona el contenido del input | - |