# Login Form


import Login from "mela-store";

# Example:

Forgot Password? show
Not yet registered? Register 
<login 
  ref='melastoreLogin'
  @login='login'
  @show-register-form='showRegisterForm'
  @show-forgot-password-form='showForgotPasswordForm'
/>

# Validation

The current validations in place check to ensure that:

  1. All fields are required
  2. A valid email is used

Adding custom errors/validations can be done using the following in the login event: 

this.$refs.melastoreRegister.setEmailError(error)

this.$refs.melastoreRegister.setPasswordError(error)

# Props

Name
Type
Default
Description
classesstring""Additional classes

# Events

Name
Arguments
Description
loginuser - user objectLogs in user
show-forgot-password-form - Switches view to forgot password form
show-register-form - Switches view to registration form

← Forgot Password Form →