Customer Login Component

The Customer Login component allows the user to login to their account.

<customer-login></customer-login>

Configuration options

The following configuration options are currently available for the Customer Login:

template
This is which version of the widget is used. Default value is set to 1.

loading-panel
This is a boolean value that will detemine whether or not a loading panel will show over the component while its initialising and doing initial API calls. The default value is false.

min-height
Min-height is the minimum height of the component in px. Important to set a value here if you want the loading panels to look good. Default value is 0.

redirect-url
If you want to redirect the user to a different page on a successful login, you can enter the url here. Please note, as this is a string it must be formatted correctly with both double and single quotes. e.g redirect-url=”‘/go-to-this-url’”.

redirect-state
If you want to redirect the user to a different state upon a successful login, then you can enter the state here.  Please note, as this is a string it must be formatted correctly with both double and single quotes. e.g redirect-url=”‘app.go.here’”. If there is both a redirect url and redirect state, the state will take priority.

Example code

<customer-login loading-panel="true" template="1"></customer-login>

Updated on February 12, 2018

Was this article helpful?

Related Articles