0.7.3 • Published 5 years ago
react-mui-login-register v0.7.3
This is a user login/register React component that includes options to use an authentication provider. It is styled in Material Design using Material UI and the forms are powered by Formsy.
Screenshots
Interactive Demo/Editor
Install
yarn add react-mui-login-register
or
npm i --save react-mui-login-register
Quick Start
This is example of using the
import LoginRegister from 'react-mui-login-register';
class Demo extends Component {
render() {
const header = (
<AppBar position="static">
<Toolbar>
<Typography variant="title" color="inherit">Welcome</Typography>
</Toolbar>
</AppBar>
);
const footer = (
<div className={classes.footer}>
<Typography variant="caption" align="center">v0.9</Typography>
</div>
);
return (
<div>
<LoginRegister header={header} footer={footer}
onLogin={this.handleLogin}
onLoginWithProvider={this.handleLoginWithProvider}
onRegister={this.handleRegister}
onRegisterWithProvider={this.handleRegisterWithProvider}
/>
</div>);
}
handleLogin = content => {
alert(`Logging in with content '${JSON.stringify(content)}'`);
};
handleLoginWithProvider = providerId => {
alert(`Logging in with provider '${providerId}'`);
};
handleRegister = content => {
alert(`Registering with content '${JSON.stringify(content)}'`);
};
handleRegisterWithProvider = providerId => {
alert(`Registering with provider '${providerId}'`);
};
}
0.7.3
5 years ago
0.7.2
5 years ago
0.7.1
5 years ago
0.7.0
5 years ago
0.6.1
6 years ago
0.6.0
6 years ago
0.5.2
6 years ago
0.5.1
6 years ago
0.5.0
6 years ago
0.4.2
6 years ago
0.4.1
6 years ago
0.4.0
6 years ago
0.3.0
6 years ago
0.2.5
6 years ago
0.2.4
6 years ago
0.2.3
6 years ago
0.2.2
6 years ago
0.2.1
6 years ago
0.1.0
6 years ago
0.2.0
6 years ago