Handles authenticating a registered user on your site.

Usage

import React from "react";

import {

RegisterContainer,

RegisterEmail,

RegisterPassword,

RegisterButton,

GoogleLoginButton,

FacebookLoginButton,

Alert,

} from "@pelcro/react-pelcro-js";

import "@pelcro/react-pelcro-js/dist/pelcro.css";

export const CustomRegisterView = () => {

return (

<RegisterContainer

onSuccess={(userObject) => {

console.log(userObject);

}}

onFailure={(err) => {

console.error(err.message);

}}

>

<Alert />

<RegisterEmail label="Email" />

<RegisterPassword label="Password" />

<RegisterButton />

<GoogleLoginButton />

<FacebookLoginButton />

</RegisterContainer>

);

};

Reference

RegisterContainer

Props

onSuccess

(userObject) ⇒ void

Callback function called when the user registers succesfully.

onFailure

(errorObject) ⇒ void

Callback function called when the register fails.

Children components

Alert

Displays the relevant errors or success messages.

---

RegisterEmail Required

Instance of Input

Input field component to receive the email of the user.

---

RegisterPassword Required

Instance of Input

Input field component to receive the password of the user.

---

RegisterButton Required

Instance of Button

A button component that submits the register form.

Props

name

string?

The title displayed inside the button

---

GoogleLoginButton

Sign in with google button.
Google App ID needs to be added in the site configurations.

Props

label

string? default is "Google"

The label text inside the button

className

string?

A class name added to the button.

labelClassName

string?

A class name added to the button's title.

iconClassName

string?

A class name added to the button's icon.

---

FacebookLoginButton

Sign in with facebook button.
Facebook App ID needs to be added in the site configurations.

Props

label

string? default is "Facebook"

The label text inside the button

className

string?

A class name added to the button.

labelClassName

string?

A class name added to the button's title.

iconClassName

string?

A class name added to the button's icon.