Autoform Password 2
Standard HTML5 Password input with some extended features:
- toggle input visibility
- specifiy regex based rues to be fulfilled
- display rules to users and if they have been fulfilled or are pending
- display a fontawesome (4 or 5) icon
- Bootstrap 4 compatible (requires
communitypackages:autoform-bootstrap4
) but not restricted (and not depending) to it
Import this package
This package now splits between dynamic and static imports. If you need static imports, please use the following:
1import { AutoFormPassword2 } from 'meteor/jkuester:autoform-password2' 2 3AutoFormPassword2.load()
If you need this via dynamic import please import as the following:
1import { AutoFormPassword2 } from 'meteor/jkuester:autoform-password2/dynamic' 2 3AutoFormPassword2.load() 4 .catch(e => { ... }) 5 .then(() => { ... })
Usage
Define the following schema to enable all options:
1{ 2 password: { 3 type: String, 4 min: min, // min and max are used for validation 5 max: max, // beyond the internals of this component 6 autoform: { 7 type: 'password2', 8 rules: rules, 9 visibilityButton: true, // toggles password visibility 10 visible: visible, // default visibility 11 userIcon: 'lock', // font awesome name without prefixes 12 css: 'border-0' // custom Bootstrap 4 css 13 } 14 } 15}
License
MIT, see license file