Colored pin paired with city, country, and a monospace coordinate.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Location1 } from "@/components/beste/piece/location1";
<Location1
city="Istanbul"
country="Türkiye"
coordinate="41.01°N · 28.98°E"
tone="primary"
/>Latitude and longitude in tabular monospace, separated by a dashed line from the resolved place name.
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.
Tiny gridded map panel with a centered tone 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.
Plain text address block with an uppercase label, two street lines, city and postal, and a muted country.
Place name with star rating, review count, and category, finished by an open or closed status pill and hours.