Skip to main content
Version: 1.0.0

LoginContainer

Handles authenticating a registered user on your site.

Usage#

import React from "react";
import {
LoginContainer,
LoginEmail,
LoginPassword,
LoginButton,
Alert,
} from "@pelcro/react-pelcro-js";
export const CustomLoginView = () => {
return (
<LoginContainer
onSuccess={(userObject) => {
console.log(userObject);
}}
onFailure={(err) => {
console.error(err.message);
}}
>
<Alert />
<LoginEmail label="Email" />
<LoginPassword label="Password" />
<LoginButton />
</LoginContainer>
);
};

Reference#

LoginContainer#

Props#

onSuccess#

(userObject) โ‡’ void

Callback function called when the user logs in succesfully.

onFailure#

(errorObject) โ‡’ void

Callback function called when the login fails.

Children components#

Alert#

Displays the relevant errors or success messages.


LoginEmail Required#

Instance of Input

Input field component to receive the email of the user.


LoginPassword Required#

Instance of Input

Input field component to receive the password of the user.


LoginButton Required#

Instance of Button

A button component that submits the login form.

Props#

name#

string?

The title displayed inside the button