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

---