Places UI Kit: Place Details Customization Tool

CSS Style Properties

color on surface
(Regular text color)

Reset

color on surface variant
(Less emphasized text)

Reset

star rating color
(Rating stars)

Reset

color primary
(Review count and links)

Reset

color info
(Accessible entrance icon)

Reset

color neutral container
(Container color for image placeholder)

Reset

color outline decorative
(The element's border)

Reset

color positive
('Open' text in open now status)

Reset

color negative
('Closed' text in open now)

Reset

color surface
(Backgrounds of the element and attribution dialog)

Reset

background color
(Overrides the background color of the element)

Reset

color disabled surface
(Full Component: Empty review stars)

Reset

color on neutral container
(Full Component: Date badge or EV charger availability badge when unavailable)

Reset

color on positive container
(Full Component: EV charger availability badge when available)

Reset

color positive container
(Full Component: Container color for EV charger availability badge when available)

Reset

font title small
(Place name)

font display small
(Full Component: Place name)

font body medium
(Body text in attribution dialog)

font body small
(Address, rating, type, pricing,open now status)

font family
(Base font family)

font headline medium
(Heading text in attribution dialog)

font label large
(Open in Maps button and links)

font label medium
(Full Component: photos count and review published date)

color scheme
(Color scheme this element can be rendered in)

font size
(Scales all text and icons in the element)

border (Overrides the border width of the element)

border color (CSS only)

Reset

border radius
(Overrides the border radius of the element) px

dialog border radius
(Border radius of attribution dialog) px

color on secondary container
(Text/icons on Open In Maps button)

Reset

color secondary container
(Background of the Open in Maps button)

Reset

button border color
(Border color of the Open in Maps button, works together with button border width)

Reset

button border width
(Border width of the Open in Maps button) px

button border radius
(Border radius of the Open in Maps button) px