File tree Expand file tree Collapse file tree 1 file changed +22
-0
lines changed Expand file tree Collapse file tree 1 file changed +22
-0
lines changed Original file line number Diff line number Diff line change @@ -71,6 +71,27 @@ Interactive password strength meter based on [zxcvbn](https://github.com/dropbox
71
71
< / script>
72
72
```
73
73
74
+ ### With custom input
75
+
76
+ ``` html
77
+
78
+ <template >
79
+ <div >
80
+ <input type =" password" v-model =" password" >
81
+ <password v-model =" password" :strength-meter-only =" true" />
82
+ </div >
83
+ </template >
84
+
85
+ <script >
86
+ import Password from ' vue-password-strength-meter'
87
+ export default {
88
+ components: { Password },
89
+ data : () => ({
90
+ password: null
91
+ })
92
+ }
93
+ </script >
94
+ ```
74
95
## Props
75
96
76
97
| Prop | Type | Default Value | Description
@@ -102,6 +123,7 @@ Interactive password strength meter based on [zxcvbn](https://github.com/dropbox
102
123
- ` @score ` will return the zxcvbn score (Integer from 0-4) [ ℹ] (https://github.com/dropbox/zxcvbn#usage )
103
124
- ` @feedback ` will return an zxcvbn feedback object with ` suggestion ` and ` warning `
104
125
126
+
105
127
## 💅 Customizing
106
128
107
129
You can customize the styling of the input field, badge and strength-meter by passing your own css classes
You can’t perform that action at this time.
0 commit comments