React-Complete
simple customizable react autocomplete component
Demo
Install
npm install react-complete --save
Usage
;
<Complete data=data prop=prop field=field />
Data
const data = 'react' 'vue' 'angular'; const data = ;
const data = languages: name: 'javascript' frameworks: name: 'react' name: 'vue' name: 'angular' ;
<Complete data=data prop="languages.frameworks" field="name" />
Custom Input Component
<Complete inputComp= <input type="text" placeholder="search..." className="search-input" /> />
Custom Item Component
Parameter is object that contain 'fetch' result(item) and searching array's field(raw)
<Complete renderItem= <div className="item"> <img src=itemimg /> <span>raw</span> </div> />
License
ISC