React

by aalok123

HTML

<div id="app"></div>

CSS

html,
body {
  height: 100%;
  margin: 0;
  background: rgb(105, 103, 116);
}

input[type="search"] {    
  background-color :rgb(105, 103, 116);
  border:0px;    
}

React

class TodoApp extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
    	
    }
  }
  
  render() {
    return (
      <form onSubmit={this.spinSubmit}>
        <div className="input-field container main-search">
          <input className="main-search-input-field" id="search" type="search" placeholder="Search..." value={this.state.searchQuery} onChange={this.handleChange} />
          <button id="btn-submit-search"><i className="material-icons">search</i></button>
        </div>
      </form>
    )
  }
}

ReactDOM.render(<TodoApp />, document.querySelector("#app"))