SHARE
TWEET

Grecaptcha-1

doxuanthang Sep 5th, 2017 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React, {Component} from 'react';
  2. import './App.css';
  3. import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
  4. import AppBar from 'material-ui/AppBar';
  5. import RaisedButton from 'material-ui/RaisedButton';
  6. import TextField from 'material-ui/TextField';
  7.  
  8. class App extends Component {
  9.     render() {
  10.         return (
  11.             <div className="App">
  12.                 <center>
  13.                 <MuiThemeProvider>
  14.                     <div>
  15.                         <AppBar
  16.                             title="Login"
  17.                         />
  18.                         <TextField
  19.                             hintText="Enter your Username"
  20.                             floatingLabelText="Username"
  21.                             onChange={(event, newValue) => this.setState({username: newValue})}
  22.                         />
  23.                         <br/>
  24.                         <TextField
  25.                             type="password"
  26.                             hintText="Enter your Password"
  27.                             floatingLabelText="Password"
  28.                             onChange={(event, newValue) => this.setState({password: newValue})}
  29.                         />
  30.                         <br/>
  31.                         <br/>            
  32.                         <RaisedButton label="Submit" primary={true} />
  33.                     </div>
  34.                 </MuiThemeProvider>
  35.                     </center>
  36.             </div>
  37.         );
  38.     }
  39. }
  40.  
  41. export default App;
RAW Paste Data
Top