Stay organized with collections Save and categorize content based on your preferences.
The Places UI Kit supports a variety of settings and custom CSS properties to configure the display elements. Use the Customization tool and CSS properties reference table below to see how these properties can be applied to the UI Kit.
The Places UI Kit offers a design system approach to visual customization roughly based on Material Design (with some Google Maps-specific modifications). See Material Design's reference for Color and Typography. By default, the style adheres to the Google Maps visual design language.
Important: When making visual modifications, you must adhere to the Attribution requirements.Use this tool to visualize custom configurations in a Places UI Kit element.
CSS properties Google Maps brand attribution Property Details Compact Element Details Element Usage (black | white | gray) ✔ ✔ Google Maps brand attribution,Google Maps' terms of service require you to use one of three brand colors for the Google Maps attribution. This attribution must be visible and accessible when customization changes have been made. See the Attribution requirements for more information.
We offer a choice of three brand colors that can be independently set for light and dark themes:
PlaceAttributionElement.lightSchemeColor with attributes for white, gray, and black.PlaceAttributionElement.darkSchemeColor with attributes for white, gray, and black.<gmp-place-content-config>
<gmp-place-attribution
light-scheme-color="black"
dark-scheme-color="white"
></gmp-place-attribution>
</gmp-place-content-config>
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2025-08-14 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-14 UTC."],[],[]]
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4