Search box in dashboard needs to be a dropdown

[kohsah]

Currently its a fixed search box... but needs to be collapsible... perhaps look at reactjs-popup (https://react-popup.netlify.com/use-case---tooltip/ , bottom center)

[Arunadevi]

@kohsah tooltips usually are triggered by mouseover and closed by mouseout. To show a form for the user to enter information in it will require a mouseout action that will close the form itself. We will have to use the modal or popover. Shall I proceed with the modal?

[kohsah]

@Arunadevi cant the form be a collapsible one.. e.g. have a search button on the top bar ... and click on it drops-down the form... enter items and search ?

[Arunadevi]

We can use a dropdown itself.

[Arunadevi]

https://reactstrap.github.io/components/collapse/ is what you have in mind!

[Arunadevi]

Updated branch search-dropdown-#38(off dev)

[kohsah]

@Arunadevi Isnt this possible ? : having the search invoker as a button rather than occupy the whole row

[kohsah]

@Arunadevi plus there needs to be an icon next to the Label "Search"

[Arunadevi]

Branch search-dropdown-#38-2 updated