Colored pin paired with city, country, and a monospace coordinate.
The import and the props worth knowing about, in one place.
import { Location1 } from "@/components/beste/piece/location1";
<Location1
surface="card"
bordered={true}
inverted={false}
city="Istanbul"
country="Türkiye"
coordinate="41.01°N · 28.98°E"
tone="primary"
/>Brightwell · Camden
18 Parkway, London NW1
Open · closes 6pm
A compact location card with a pin chip, a site name and address, and an open-status line.
Latitude and longitude in tabular monospace, separated by a dashed line from the resolved place name.
Compact street-map panel with city blocks, a park, a dotted walking route, and a tone marker pin, captioned by a place name and address line.
Vertical origin to destination route with emerald and rose dots joined by a connector, plus distance and duration.