Redline

Evidence · src/components/Redline/Redline.tsx

A proposed wording change, shown in the text itself.

Removals are del and additions are ins, which is what makes the change survive as a change: a screen reader announces deleted and inserted text, and a copy-paste keeps the distinction. Styling spans in red and green would leave the diff invisible to anyone not seeing colour.

why is next to the change rather than in a separate comment thread. A redline without its reason is an edit somebody has to accept on trust.

Import

import { Redline } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
parts	RedlinePart[]
label	React.ReactNode
source	React.ReactNode
why	React.ReactNode	Why the change is proposed.
state	'open' | 'kept' | 'reverted'
stateLabel	React.ReactNode
keepLabel	React.ReactNode
revertLabel	React.ReactNode
className	string
onKeep	() => void
onRevert	() => void

Exported types

RedlinePart