Koala logo Design
No matches for “”
↑↓ navigate ↵ open Esc close
PrimitivesDisplayGoogle rating

Google rating

Five stars and a "Rated on Google" headline, on the caller's own link to the reviews.

<a koala-google-rating>

Stacked

The helper goes on the caller's <a> to the Google reviews, which opens in a new tab; screen readers hear that too. The star amber and the Google "G" are brand assets, not tokens, so they look the same in both themes.

Compact

compact sets the stars and headline on one line with smaller stars, for the quiet line under a call to action on the Legal home page.

Where the rating comes from

Left unset, the headline uses the site's rating as last read from Google, and "5.0" before the first read. rating fixes it, for a page that must not change under a screenshot.

API

href the caller's link to the reviews
rating text; unset uses the last rating read from Google
compact boolean
class layout classes merged onto the link
data-analytics event name; .open is appended