@c5/react-login

A login component for React.

Sample Login Form

Install

npm install --save @c5/react-login

Other Requirements

npm install --save antd tailwind

# Afterward, follow the step-by-step to setup tailwind.
# You can find it here: https://tailwindcss.com/docs/installation/

Props

| Attribute Name | Description | Default Value | |----------------|-------------|---------------| | title | Set title of the component | Sign In | | description | Set description under the title | | | usernameLabel | Customize username label | Username | | passwordLabel | Customize password label | Password | | registrationUrl | Set registration url (if any) | # | | registrationText | Set registration text | Create account | | signInText | Set sign in text | Sign In | | forgotPasswordUrl | Set forgot password url | # | | onSubmit | A method when submit button is clicked and validation success | | | onError | A method when submit button is clicked and validation failed | |

Usage

import React, { Component } from 'react'
import Login from '@c5/react-login'
import 'antd/dist/antd.css'

const ExampleLogin = () => {
  const onSubmit = values => {
    console.dir(values);
  }

  const onError = err => {
    console.dir(err)
  }

  return <Login
    description='to continue to Cosmiq'
    registrationUrl='https://cosmiq.app'
    forgotPasswordUrl='https://cosmiq.app'
    onSubmit={onSubmit}
    onError={onError} />
}

License

Apache 2.0 © Monolog