Map Preview

Tiny gridded map panel with a centered tone pin, captioned by a place name and address line.

Times Square
Manhattan, New York

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Location2 } from "@/components/beste/piece/location2";

<Location2
  place="Times Square"
  address="Manhattan, New York"
  tone="rose"
/>

More Location pieces

View all Location
IstanbulTürkiye
41.01°N · 28.98°E

Location Pin

location1

Colored pin paired with city, country, and a monospace coordinate.

Brightwell · Camden

18 Parkway, London NW1

Open · closes 6pm

Location Card

location7

A compact location card with a pin chip, a site name and address, and an open-status line.

Headquarters
123 Atlantic Avenue
Suite 4B
Brooklyn, NY 11201
United States

Address Card

location3

Plain text address block with an uppercase label, two street lines, city and postal, and a muted country.

Coordinates
40.7580° N
73.9855° W
Times Square, NY

Latitude and longitude in tabular monospace, separated by a dashed line from the resolved place name.

Office · 5th Ave
Beste HQ · Brooklyn
4.2 mi12 minby car

Route Card

location5

Vertical origin to destination route with emerald and rose dots joined by a connector, plus distance and duration.

Joe's Coffee
4.7(1.2k)Café
OpenCloses 9:00 PM

Place Rating

location6

Place name with star rating, review count, and category, finished by an open or closed status pill and hours.