# loginctrl

> A login component using React, bootstrap and Material-ui

Latest version **1.0.5** (published 2018-12-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install loginctrl
pnpm add loginctrl
yarn add loginctrl
bun add loginctrl
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2018-12-11 |
| First published | 2018-11-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 2.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | tlward |
| Keywords | react-component |

## Links

- npm: https://www.npmjs.com/package/loginctrl
- Repository: https://github.com/TLWard/Login-Control
- Homepage: https://github.com/TLWard/Login-Control#readme
- Issues: https://github.com/TLWard/Login-Control/issues
- npm.io page: https://npm.io/package/loginctrl

## Dependencies (2)

- [material-ui](https://npm.io/package/material-ui.md) ^0.20.2
- [react-bootstrap](https://npm.io/package/react-bootstrap.md) ^0.32.4

## Recent versions

- 1.0.5 (latest) — 2018-12-11
- 1.0.4 — 2018-12-11
- 1.0.3 — 2018-11-12
- 1.0.2 — 2018-11-12
- 1.0.1 — 2018-11-12
- 1.0.0 — 2018-11-12

## README

# loginCtrl

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

A reusable Login Control using React, Bootstrap, and Material-ui

## Usage: 
(1) Install Material-UI: npm install @material-ui/core

(2) Code Sample:

    //Required npm import.
    import { LoginCtrl } from 'loginctrl/es/loginCtrl'
    
    //Validation functions
    validate() {//Login Validation Code return true | false; }
    validateAction() { //Action to take on validate return true  };
     
    //HTML to include control in page:
    <LoginCtrl validate={this.validate.bind(this)} validateAction={this.validateAction.bind(this)} />

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo

---
_Source: https://npm.io/package/loginctrl · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._