How would I replicate KIA's search bar on the right of their nav? It seems like an onclick function but turns into an input box that slides out

Viewed 10

This is my github: https://github.com/jackkayak/telluride-react-tailwind/tree/main/src/componets which is basically just their nav bar now. And I made the searchbar into its own component, just stuck on how to make it. Here is the link to kias website and on the right is their searchbar: https://www.kia.com/us/en/telluride. Is it already an input tag with just an absolute positioning? And then with an onclick function I just expand the width? If this question is now allowed no problem, just trying to learn. So that you can see what I have so far here is my netlify page: https://neon-souffle-c9394c.netlify.app/.

0 Answers
Related