{"_id":"@craydel-v3/craydel-password-field","name":"@craydel-v3/craydel-password-field","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@craydel-v3/craydel-password-field","version":"1.0.0","description":"A custom Vuetify password field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","password field","vue","nuxt3"],"dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"gitHead":"0496472e89f3429bbc61ada3d14c81957735fbc4","_id":"@craydel-v3/craydel-password-field@1.0.0","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-AONgGjUPG5snjpa1BRd+kbUNdg9oLeTFscr06N3AK4Zg6ApcOf96u3gb0t1c6FAfoec2L0+twADhmZ+tDU7oeQ==","shasum":"cec2b853aedcc41dff2e5ba9b68997e958007578","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-password-field/-/craydel-password-field-1.0.0.tgz","fileCount":5,"unpackedSize":11863,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCD8cd7ctY0PuqEI0DamDERPgn1sM3z8A+MbfDQpeLWEgIgWVBgTvJgSs5gxjgKgINTwSbkGxGoDYL2Dvn8q6JCTAI="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-password-field_1.0.0_1697116782441_0.19728125057797752"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-12T13:19:42.332Z","1.0.0":"2023-10-12T13:19:42.670Z","modified":"2023-10-12T13:19:43.012Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify password field component for Craydel.","keywords":["vuetify3","password field","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","readme":"# CraydelPasswordField\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel-v3/craydel-password-field\n```\n\n## Component Import\n\nImport the module chosen directly in your component\n\n```javascript\n<script>\n  import CraydelPasswordField from \"@craydel-v3/craydel-password-field/src/CraydelPasswordField.vue\";\n\n  export default {\n  components: {CraydelPasswordField}\n}\n</script>\n```\n\n## Props\n\n| Name             | Type    | Default                                                 | Description                                                                                |\n|------------------|---------|---------------------------------------------------------|--------------------------------------------------------------------------------------------|\n| id               | string  | random ID                                               | Sets the DOM id on the component.                                                          |\n| placeholder      | string  | 'Enter password'                                        | Sets the component's placeholder text.                                                     |\n| is-required      | boolean | false                                                   | Puts component in a required state.                                                        |\n| required-error   | string  | 'Field is required'                                     | Puts the component in an error state and passes through the custom required error message. |\n| max-length       | number  | 100                                                     | The maximum number of characters allowed in the field.                                     |\n| max-length-error | string  | 'Value cannot be longer than **max-length** characters' | Puts the component in an error state and passes through a custom max length error message. |\n\n&emsp;\n\n## Usage\n\nAn example showing a password field that shows a password strength meter and a confirm password field.\n\n```html\n\n<craydel-password-field show-confirm-field show-password-strength></craydel-password-field>\n```","readmeFilename":"README.md"}