Search Box Sample

1) Simple search box:

  • Simple search box comes with a default search button.
  • User needs to provide a "search callback" function. On clicking the search button or hitting the <enter> key the search callback function gets triggered.
  • Note that search action will get triggered only when user has entered a search term in the search box.
  • User can customize the "width" and the "place holder" of the search box as well.





  • 2) Live search box:

  • Live search gets triggered as the user starts entering search word(s) in the search box.
  • User needs to provide the "search callback" function which gets triggered on key-press event.
  • User can customize the "width" and the "place holder" of the search box as well.