Skip to content
Snippets Groups Projects

Features/ashok/cards

Open Mule Ashok requested to merge mule.ashok/sample_argon:features/ashok/Cards into master
4 files
+ 20
11
Compare changes
  • Side-by-side
  • Inline

Files

 
import React, { useState } from 'react'
 
import './SearchBar.scss'
 
 
export default function SearchBar(props) {
 
const [isFocus, setIsFocus] = useState(false);
 
 
const handleChange =(value)=>{
 
props.onSearch(value)
 
 
}
 
return (
 
<div className={isFocus ?'inputBox focused' :'inputBox'}>
 
<i className="fa fa-search icon" aria-hidden="true"></i>
 
<input placeholder='Search' className='search-control' onBlur={()=>setIsFocus(false)} onFocus={()=>setIsFocus(true)} onChange={(e)=>handleChange(e.target.value)} />
 
</div>
 
)
 
}
Loading