ADR Log
A single column architecture decision log of ruled rows, each pairing a record id and date with the decision, reasoning note, and status chip.
A single column architecture decision log of ruled rows, each pairing a record id and date with the decision, reasoning note, and status chip.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
ADR Log is a single-column record list built as ruled rows. Each row splits three ways: a mono record id and date on the left, the decision title with a first person note on the reasoning in the middle, and an Accepted or Superseded status chip on the right. Superseded rows carry a small mono line naming the record that replaced them, and the list closes with a link out to the full decision log.
records is a typed array of id, date, title, note, and status, so the log grows from data and the dividers space themselves. A ternary swaps the chip styling on status, and the optional supersededBy field renders only when a decision has been retired. The type ramp matches the rest of the collection, so the log sits cleanly between heavier blocks.
Reach for this block on a developer portfolio when the choices behind the work matter as much as the work, and a client or team is weighing how you reason about tradeoffs. It reads as a short paper trail of the calls that were expensive to reverse. The installer replaces the record objects with their own decisions, keeping each note to one concrete reason.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is five architecture calls that shaped the current defaults. Other log layouts:
Tip: keep each note to the one reason that actually decided it; a record that lists every factor reads as minutes, not a decision.