kapable

DiffBlock

Data display · 2 exports · v0.1.0 · showcase

Unified-diff lines in an accessible scroll region with add, delete, and context states.

Browse 72 component families

Preview

 middleware: [−  formData(),+  loadDatabase(db),

Usage

<DiffBlock label="router.ts change" lines={parseDiff(text)} />

DiffBlock props
prop	type	notes
lines	DiffLine[]
label?	string	Accessible name for the scroll region ("Change to router.ts").
dense?	boolean
mix?	MixInput