Dimension Annotation
Open Source
NewGeometry-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 route
MOTIF_REGISTRY.dimension-annotation → apparatusTarget('dimension-annotation')
Keyboard
Read-only annotation; no synthetic focus target.
Accessibility
Arrowheads and extension geometry are silent; the value and tolerance remain readable text.
Family hooks
Draft consumes object-line, extension-gap, overshoot, mark, and columnar-number hooks.
horizontalverticallong toleranceInstallation
npx shadcn@latest add @substrateui/dimension-annotation --yesUpgrading a project that installed base before F1? Refresh the shared hooks first:
npx shadcn@latest add @substrateui/base --yes --overwritenpm Dependencies
npm install class-variance-authorityTags
draftdimensionmeasurementcanvas