Components/blocks/Revision Marker

Revision Marker

Open Source
New

Accessible drafting revision marker with a silent triangle and explicit revision description.

API and behavior

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

Required props
revision
Optional props
descriptiondate
Controlled props
None
Companion exports
RevisionMarker
Owned data-slot contract
revision-markerrevision-marker-markrevision-marker-valuerevision-marker-description

Motif route

MOTIF_REGISTRY.revision-marker → apparatusTarget('revision-marker')

Keyboard

Read-only marker; no synthetic focus target.

Accessibility

The triangle is aria-hidden and explicit revision prose carries the meaning.

Family hooks

Draft consumes outline-line, mark, microlabel, and annotation-ink hooks.

Documented states
described revisiongenerated fallback labeldated long description

Installation

npx shadcn@latest add @substrateui/revision-marker --yes

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

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

npm Dependencies

npm install class-variance-authority

Tags

draftrevisionchangemarker