Auth - Login component
This is the component that implements the login UI and logic.
Examples
Props
Name | Type | Default | Required | Description |
usernameLabel | string | Username | no | Username field label. |
usernameField | string | username | no | Username field name for submit data object. |
usernameEmpty | string | Username | no | Username field placeholder. |
passwordLabel | string | Password | no | Password field label. |
passwordField | string | password | no | Password field name for submit data object. |
passwordEmpty | string | ******** | no | Password field placeholder. |
emptyFieldText | string | Field required. | no | Validation message shown when** a field is empty. |
loginText | string | Sign In | no | Login button text. |
loginUrl | string | /login | no | Login POST url: it will use standard Laravel login route by default. |
resetText | string | Forgot Password? | no | Lost password link text. |
resetUrl | string | null | no | Password lost url. If null, it will use standard Laravel password reset route. |
submitClass | string, object | null | no | Submit button class |
resetClass | string, object | null | no | Reset password link class |
submit | Promise | null | no | Override component login submit function. |
hideFooter | bool | false | no | Hide the component footer. |
validations | object | { username: { required }, password: { required } } | no | Validate model using Vuelidate |
Events
Name | Params | Description |
onSubmit | data | Called when the submit button is clicked and there are no validation errors. |
onInvalid | errors | Fired when the login process can't start for login validation errors. |
onFails | errors | Fired when the login process fails. |
onSuccess | data | Fired when the login process succeded. |
Slots
Name | Description |
footer | Component below the login panel. Default value present a copyright. |
Last Updated: 4/19/2019, 5:16:47 PM