{"id":20198172,"url":"https://github.com/jayeshlab/vue-numeric-input","last_synced_at":"2025-04-03T02:10:49.986Z","repository":{"id":44201859,"uuid":"144052250","full_name":"JayeshLab/vue-numeric-input","owner":"JayeshLab","description":"Number input component with controls","archived":false,"fork":false,"pushed_at":"2023-04-29T01:33:26.000Z","size":1972,"stargazers_count":77,"open_issues_count":17,"forks_count":28,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-11T00:08:06.741Z","etag":null,"topics":["input","numeric","vue","vue-component","vue-numeric-input","vuejs"],"latest_commit_sha":null,"homepage":"https://jayeshlab.github.io/vue-numeric-input/index.html","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JayeshLab.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-08-08T18:23:05.000Z","updated_at":"2023-10-26T14:35:14.000Z","dependencies_parsed_at":"2024-01-23T11:03:05.011Z","dependency_job_id":"7f595650-87f5-438b-a017-e85d3003080e","html_url":"https://github.com/JayeshLab/vue-numeric-input","commit_stats":{"total_commits":27,"total_committers":4,"mean_commits":6.75,"dds":"0.11111111111111116","last_synced_commit":"3111f48d48ace2a678c404d53a29ef4e5bb887a4"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayeshLab%2Fvue-numeric-input","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayeshLab%2Fvue-numeric-input/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayeshLab%2Fvue-numeric-input/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayeshLab%2Fvue-numeric-input/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JayeshLab","download_url":"https://codeload.github.com/JayeshLab/vue-numeric-input/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246922247,"owners_count":20855345,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["input","numeric","vue","vue-component","vue-numeric-input","vuejs"],"created_at":"2024-11-14T04:29:37.711Z","updated_at":"2025-04-03T02:10:49.962Z","avatar_url":"https://github.com/JayeshLab.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue Numeric Input\n\n[![npm](https://img.shields.io/npm/v/vue-numeric-input.svg?style=flat-square)](https://www.npmjs.com/package/vue-numeric-input)\n[![npm](https://img.shields.io/npm/dt/vue-numeric-input.svg?style=flat-square)](https://www.npmjs.com/package/vue-numeric-input)\n[![Build Status](https://api.travis-ci.com/JayeshLab/vue3-resize-text.svg?branch=master)](https://app.travis-ci.com/github/JayeshLab/vue-numeric-input)\n[![codecov](https://codecov.io/gh/JayeshLab/vue-numeric-input/branch/master/graph/badge.svg?token=a4re2w3cGy)](https://codecov.io/gh/JayeshLab/vue-numeric-input)\n[![npm](https://img.shields.io/npm/l/vue-numeric-input.svg?style=flat-square)](http://opensource.org/licenses/MIT)\n\nNumber input component based on Vue that is a replacement of native input number with optional control.\n\n![vue-numeric-input](https://user-images.githubusercontent.com/36194663/44717643-33e4ea00-aadb-11e8-82bf-e1fdeeea3bb5.gif)\n\n[Live Demo \u0026 Doc](https://jayeshlab.github.io/vue-numeric-input/)\n\n### Installation\n\nInstall via NPM\n\n`$ npm install vue-numeric-input --save`\n\nInstall via CDN\n\n```html\n\u003cscript src=\"https://unpkg.com/vue\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/vue-numeric-input\"\u003e\u003c/script\u003e\n```\n\n#### Global\n\nRegister VueNumericInput globally:\n\n```javascript\nimport Vue from 'Vue';\nimport VueNumericInput from 'vue-numeric-input';\n\nVue.use(VueNumericInput)\n```\n\n#### Local\n\nInclude the VueNumericInput  directly into your component using import:\n\n```javascript\nimport VueNumericInput from 'vue-numeric-input'\n\nexport default {\n  components: {\n    VueNumericInput\n  }\n}\n```\n### Usage\n\n#### Basic usage\n\n```html\n\u003ctemplate\u003e\n  \u003cdiv\u003e\n    \u003cvue-numeric-input  v-model=\"value\" :min=\"1\" :max=\"10\" :step=\"2\"\u003e\u003c/vue-numeric-input\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n  export default {\n    data() {\n      return {\n        value: 1,\n      };\n    },\n  };\n\u003c/script\u003e\n```\n\n#### PROPS:\n\n| Name             | Description                 |  Type         |  Default     | Options       |\n| -----------      | ---------------             | ------------  | ------------ | ------------  |\n|  name            |  Component name             | String        |     -        |      -        |\n|  value           |  Binding value              | Number        |     -        |      -            |\n|  placeholder     |  Input placeholder          | String        |     -        |      -         |\n|  min             |  Minimum allowed value      | Number        |  -Infinity   |      -        |\n|  max             |  Maximum allowed value      | Number        |   Infinity   |      -          |\n|  step            |  Incremental Step           | Number        |      1       |      -          |\n|  align           |  Alignment of Numeric Value | String        |     left     | left, center, right |\n|  width           |  Component Width             | String        |   150px     | width in px, em, rem etc e.g. ‘20px’ |\n|  size            |  Component Size             | String        |   normal     | size value can be 'small', 'normal', 'large' |\n|  precision       |  Number of decimals         | Number        |      0       |   Integer value|\n|  controls        |  Enable/Disable Controls    | Boolean       |    true      |   true/false|\n|  controlsType    |  Controls Type              | String        |  plusminus   |   plusminus/updown|\n|  autofocus       |  Autofocus on Page Load     | Boolean       |    false     |   true/false|\n|  readonly        |  Is Readonly                | Boolean       |    false     |   true/false|\n|  disabled        |  Is Disabled                | Boolean       |    false     |   true/false|\n|  isinput        |  enable/disable keyboard input of number | Boolean  |    false      |   true/false|\n|  mousewheel      |  Enable increment/decrement with mousewheel event  | Boolean       |    false     |   true/false|\n|  className       |  Css Class for Input Component | String        |   -     | css class name |\n\n\n#### EVENTS:\n\nEvent Name | Description        | Parameters\n-----------|--------------------|--------------\ninput      | triggers when input| (newValue)\nchange     | triggers when the value changes| (newValue)\nblur       | triggers when Input blurs| (event: Event)\nfocus      | triggers when Input focus| (event: Event)\n\n\n#### METHODS:\n\nMethod | Description | Parameters\n---|--- | ----\nfocus | focus the Input component| -\nblur | blur the Input component| -\n\nInspired by [react-numeric-input](https://github.com/vlad-ignatov/react-numeric-input)\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayeshlab%2Fvue-numeric-input","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjayeshlab%2Fvue-numeric-input","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayeshlab%2Fvue-numeric-input/lists"}