[Angular] How can I replicate Amazon search bar?

Topic: [Angular] How can I replicate Amazon search bar?

Giovanni De Stefano priority asked 6 years ago

Hello, I would like to replicate the Amazon search bar:

dropdown on the left (min size)
input field (that takes up all available space)
search button (min size)

Something like this: https://imagebin.ca/v/3vkh5F8s5PoG Have you done anything similar with MDBootstrap (Angular)? Could you please share a snippet or a relevant reference to the documentation? Thanks!

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

Dear Giovanni, Keyword for this behavior is: Input Groups. Please check this link, there you can find everything what you will need to do something like this searchbar. https://mdbootstrap.com/angular/components/input-groups/ In next release we'll upgrade little bit appearance of input groups. Best Regards, Damian

Giovanni De Stefano priority commented 6 years ago

Hello Damian, Thanks a lot for the link (I have no idea how I missed it :-( ). I'll give a shot to the "Button addons", as it seems pleasant enough to the eye. Cheers, Giovanni

Jawahar Gupta free commented 4 years ago

Hey, Given link is not not working
https://mdbootstrap.com/angular/components/input-groups/ Can you help me with any other link for the same issue?

Bartosz Termena staff commented 4 years ago

Dear @Jawahar Gupta

Links on our site have been updated in the last 2 years Below what you are looking for:

https://mdbootstrap.com/docs/angular/forms/input-group/

Best, Bartosz.

Add comment