Accounts UI MailCheck

A cool meteor package that suggests a right domain when your users misspell it in the accounts-ui email address.

Documentation

Please check the full documentation from the mailcheck repository.

How to add?

meteor add accounts-ui
meteor add accounts-password
meteor add anbuselvan:accounts-ui-mailcheck

Initialize and add custom text

Default values

  MeteorMailCheck.EmailPrefixText = "Did you mean";
  MeteorMailCheck.EmailSuffixText = "?";
  MeteorMailCheck.DisableClickEvent = false;
  MeteorMailCheck.EnableAutoHide = false;
  MeteorMailCheck.AutoHideDelay = 3000;
  MeteorMailCheck.AutoHideOnFocus = false;

Customize it based on your requirements

if (Meteor.isClient) {
  Meteor.startup(function() {
    //update with your custom text
    MeteorMailCheck.EmailPrefixText = "Suggested email: ";
    MeteorMailCheck.EmailSuffixText = "";
    
    // set auto hide preferences
    MeteorMailCheck.EnableAutoHide = true;
    MeteorMailCheck.AutoHideDelay = 5000;
    MeteorMailCheck.AutoHideOnFocus = true;
    
    //initialize mailcheck
    MeteorMailCheck.init();
  });
});

Override the styles to match your design

#mailcheck-suggestion-text {
  font-size: 75%;
  text-align: right;
}

.mailcheck-suggestion-email {
  font-size: 75%;
  text-decoration: underline;
  cursor: pointer;
}

Sample App

Check the mailcheck-test project from examples/mailcheck-test folder.

Quick preview

See it in action

Meteor - MailCheck