Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to style the Dropdown with google suggestions? #227

Open
Razifmalik opened this issue Nov 17, 2023 · 0 comments
Open

How to style the Dropdown with google suggestions? #227

Razifmalik opened this issue Nov 17, 2023 · 0 comments

Comments

@Razifmalik
Copy link

Razifmalik commented Nov 17, 2023

How can we style the actual dropdown with the google suggestions? I cannot find any props to do that. Ideally I would like to use tailwind to make it responsive for different screen sizes. Here is my current code as I do not know on how to style the dropdown. I cannot find anything in the documentation either -

<div className="flex items-center bg-gray-200 border border-gray-300 rounded-full p-2 mx-2"> <FontAwesomeIcon icon={faSearch} className="mr-2 text-gray-600" /> <Autocomplete //className=" flex-1 w-full appearance-none outline-none text-gray-700" style={{ width: "1250px", backgroundColor: "lightblue" }} ref={inputRef} apiKey={"API-Key"} onPlaceSelected={(selected, a, c) => { console.log(selected); }} options={{ types: ["geocode", "establishment"], componentRestrictions: { country }, offset: 2, }} defaultValue="Moscow" /> </div>
Screenshot 2023-11-17 at 12 37 31

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant