reusable-easy-auth v0.1.3

Login component

Переиспользуемый компонент для логинизации.

Get started

-npm install reusable-easy-auth

Сделайте нужные импорты

import { Login, store, theme } from "reusable-easy-auth";

Если Вам понадобятся стилизованные классы, то их также можно проимпортировать

import {
Btn,
Buttons,
Form,
GlobalFont,
GlobalStyle,
Input,
InputWrapper,
Label,
LoginFooter,
Required,
theme,
Title,
Wrapper,
} from "reusable-easy-auth";

Example

После нужных импортов нужно настроить props для компонента Login

<Provider store={store}> /* передайте store, проинсталировав перед этим react-redux */
<Login
theme={theme.defaultTheme} /* передайте тему, которая будет установлена на компоненте(darkTheme, defaultTheme) */
inputsLogin={inputsLoginArr} /* передайте массив инпутов */
onSubmitCallback={onSubmitCallback} /* передайте callback, который будет выполняться в конце submit */
title={"Login"} /* передайте любое, нужное Вам имя формы */
/>
</Provider>,
document.getElementById("root")
);

Input array

Объект в массиве инпутов имеет следующие поля:

{
type: "",
name: "",
placeholder: "",
title: "",
value: "",
error: "",
},

Пример использования:

const inputsLoginArr = [
  {
    type: "email",
    name: "email",
    placeholder: "its email",
    title: "Email",
    value: "",
    error: "",
  },
  {
    type: "password",
    name: "password",
    placeholder: "its password",
    title: "Password",
    value: "",
    error: "",
  },
];