Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React from 'react';
- import PropTypes from 'prop-types';
- import { withStyles } from 'material-ui/styles';
- import Card, { CardActions, CardContent } from 'material-ui/Card';
- import Button from 'material-ui/Button';
- import Typography from 'material-ui/Typography';
- import TextField from 'material-ui/TextField';
- const styles = theme => ({
- card: {
- flexGrow:1,
- alignItems: 'center',
- flexDirection: 'column'
- }
- });
- class LoginForm extends React.Component {
- state = {
- username:'',
- password:'',
- stayConnected:false
- };
- handleChange = name => event => {
- this.setState({
- [name]: event.target.value,
- });
- };
- render(){
- const { classes } = this.props;
- return (
- <div>
- <Card className={classes.card}>
- <CardContent>
- <form method="post">
- <TextField
- name="_username"
- id="_username"
- label="Nom d'utilisateur"
- value={this.state.username}
- onChange={this.handleChange('username')}
- margin="normal"/>
- <TextField
- name="_password"
- id="_password"
- label="Mot de passe"
- type="password"
- value={this.state.password}
- onChange={this.handleChange('password')}
- margin="normal"/>
- <Button variant="raised" color="primary" className={classes.button} type="submit">
- Connexion
- </Button>
- <Button>Mot de passe oubliƩ ?</Button>
- </form>
- </CardContent>
- </Card>
- </div>
- );
- }
- }
- LoginForm.propTypes = {
- classes: PropTypes.object.isRequired,
- };
- export default withStyles(styles)(LoginForm);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement