Parcel record

A React block (a whole screen) in Beamline's Government & legal app.

A property's parcel on a permitting portal. The lot drawn to scale as a site plan: the street, the property lines with their lengths, the dashed setback line with its distances, the house, and what an open permit would build dashed in blue, with a scale bar and north. Beside it the lot coverage against what's allowed (and with what's proposed) and a key naming each mark with its permit. Each detail (owner, use, lot area, zoning, flood zone, year built) with the source it comes from and when, the ones not updated in a year marked. The permits on it with their status, open ones counted. A detail that looks wrong reported to its source from its menu (what it should be and how you know), said as reported while the record stays as it is.

Use it for

Showing property data drawn from several public sources, each with its age.
Any record whose details come from elsewhere and can be challenged.

Not for

A permit's own record (permit-record).
A map of many properties.

Anatomy

header: address and parcel number
lot plan: the site plan (street, property lines with lengths, setback line with distances, house, proposed structures, scale bar, north); lot coverage with what's proposed against what's allowed; the key, each proposed structure with its permit and status
details: reported notice; each detail with its value, source and date, or not updated since, and its menu on the row pointed at
permits: open count; each with reference, year and status
report dialog: what the record shows; what it should be; how you know; Send

States

not updated in a year
reported
open permit
proposed structure
over the coverage allowed

Keyboard

Tab through each detail's menu and the dialog

Props

Prop	Type	Default	Description
`parcel` (required)	`string`	—	The parcel number and address.
`address` (required)	`string`	—
`facts` (required)	`ParcelFact[]`	—
`shape` (required)	`ParcelShape`	—
`permits` (required)	`ParcelPermit[]`	—
`today` (required)	`number`	—	Today, for what's not been updated in a year.
`onReport`	`((o: { fact: string; correct: string; why: string; }) => void)`	—
`className`	`string`	—	Classes on the documented visual root; no override by default.
`style`	`CSSProperties`	—	Inline styles on the documented visual root; no overrides by default.
`ref`	`Ref<HTMLDivElement>`	—	Receives the documented native target or imperative handle; omitted by default.

Built from

badge
dropdown-menu
dialog
input
textarea
button

Dependencies

lucide-react

Import

import { ParcelRecord } from "@beamline/parcel-record";

Get it

Parcel record is part of Beamline UI. Install the parts you need in your React app as compiled packages or editable source. Get Beamline · Connect your agent

Parcel recordComplete system · $49

A property's parcel on a permitting portal.

412 Alder Street

The parcel behind the deck permit: owner and use from the assessor this summer, the flood zone from a FEMA map three years old, the house and the proposed deck inside the setback line at 29% of the lot (32% with the deck, 40% allowed), and two permits open.

0 × 0full

About Parcel record

← Permit record Document review →

Part of Beamline UI: polished, editable React components and complete screens for custom applications. Build your own style from any look; tokens, fonts, radii, motion; not only colours.