Components/blocks/Dimension Annotation

Dimension Annotation

Name: Substrate UI
Author: SubstrateUI

Open Source

New

Geometry-bound drafting dimension with extension lines, arrowheads, tolerance, and density-aware values.

API and behavior

Compound exports, owned slots, interaction law, and family hook routing.

Required props: value
Optional props: unittoleranceprefixsuffixorientation
Controlled props: None
Companion exports: DimensionAnnotation
Owned data-slot contract: dimension-annotationdimension-annotation-extensiondimension-annotation-linedimension-annotation-markdimension-annotation-valuedimension-annotation-tolerance

MOTIF_REGISTRY.dimension-annotation → apparatusTarget('dimension-annotation')

Read-only annotation; no synthetic focus target.

Arrowheads and extension geometry are silent; the value and tolerance remain readable text.

Draft consumes object-line, extension-gap, overshoot, mark, and columnar-number hooks.

Documented states

horizontalverticallong tolerance

npx shadcn@latest add @substrateui/dimension-annotation --yes

Upgrading a project that installed base before F1? Refresh the shared hooks first:

npx shadcn@latest add @substrateui/base --yes --overwrite

npm install class-variance-authority