rstarter-supporthq
Version:
63 lines (52 loc) • 2.15 kB
JavaScript
import React from 'react';
import Header from '../General/Header';
import TextBox from '../General/TextBox';
import SectionHeader from '../General/SectionHeader';
import Datatable from '../General/Datatables';
import RadioInputList from '../General/RadioInputList';
import Container from '../General/Container';
import Login from '../General/Login';
export default class FormExample extends React.Component{
constructor(props){
super(props);
this.onChangeTextField = this.onChangeTextField.bind(this);
this.onLogin = this.onLogin.bind(this);
}
componentDidMount(){
}
componentWillMount(){
}
onChangeTextField(e){
console.log(e.target.value);
}
onLogin(username,password){
console.log(username,password);
}
render() {
return (
<div>
<Container>
<Header Title={"Form Example"} Description={"Example form for React Starter"}/>
<SectionHeader Title={"Input Items"}/>
<div className={"row"}>
<div className="col-md-4">
<TextBox isRequired={true} Label={"required box"} />
<TextBox readOnly={true} Label={"read only box"}/>
<TextBox disabled={true} Label={"disabled"}/>
<TextBox Label={"On Change"} onChange={this.onChangeTextField}/>
<hr/>
<SectionHeader Title={"Radio input lists"}/>
<RadioInputList Items={[{label:"yes",value:"yes"},{label:"no",value:"no"}]} onChange={(val)=>{
console.log(val);
}}/>
</div>
<div className="col-md-8">
<SectionHeader Title={"Datatable Example"}/>
<Datatable/>
</div>
</div>
</Container>
</div>
);
}
}