Give options to replace input with any other element

[mnksingh1996]

Currently we have option to pass props to input element hidden inside the component. Please also give option to create a select box or lets just say text as well. Currently i am using the same autocomplete api for a creating a dropdown

<div className="dropdown-container" onMouseEnter={() => setCollapsed(false)} onMouseLeave={() => setCollapsed(true)} > <ShoppingCart /> Cart <Autocomplete getItemValue={getItemValue} items={items} inputProps={{ className: "dropdown" }} // wrapperStyle={{ position: "relative", display: "inline-block" }} renderItem={renderItem} renderMenu={renderMenu} value={selectedValue} onChange={onChange} onSelect={onSelect} // open={true} open={!collapsed} /> </div>

.dropdown-container { input { visibility: hidden; border: 0; width: 0; height: 0; padding: 0; } In the below website i have created the search with autocomplete but i am using similar snippet like above to create dropdown like cart/account dropdown from autocomplete module.

https://www.fnp.com/