Vue Currency Input

Vue Currency Input allows an easy input of currency formatted numbers. Powered by the Vue Composition API, it provides a Vue composable for decorating input components with currency format capabilities.

Features

• Supports both Vue 2 and Vue 3
• Tiny bundle size
• Format as you type
• Standard-compliant currency formatting based on ECMAScript Internationalization API (ECMA-402)
• Distraction free (hides the formatting on focus for easier input)
• Allows float values to be exported as integer numbers
• Auto decimal digits (automatically inserts the decimal symbol, using the last inputted digits as decimal digits)
• Built-in value range validation
• Works with input components of popular frameworks like Vuetify, Quasar or Element

Live Demo

Check out the playground to see it in action.

Documentation

Please refer to the project home page for a detailed documentation.

Support me

If you find my work helpful, or you want to support the development, star the repo or buy me a coffee: