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>