SMS-CODE-INPUT

> SMS code input component for Vue2


sms-code-input is a dependency-free, lightweight vue component that can be overwrited by yourself.

Usage

When you use it, you need to wrapper this component by an exact size container or element. (e.g: use div with definitely width)

$3

``
vue create demo
`

$3

`
cd demo
npm install sms-code-input
`

Example

`
npm run serve
`
`vue


``

$3

| Property | Description | type | default |
| ----------------- | ---------------- | :--------: | :----------: |
| digits | the code numbers for the SMS |Number| 6 |
| color | the input border color |String| '#af3737' |
| styles | the custom styles for the input |Object | {} |

$3

| Function Name | Description |
| ----------------- | ---------------- |
| change | trigger when input code changed |
| complete | tirgger when input code completed |