Finding

Evidence · src/components/Finding/Finding.tsx

One thing found in the material, how serious it is, and what to do.

The severity words are plain - "Serious", "Worth a look", "Minor" - rather than a numeric scale. A finding marked P2 tells a reader nothing until they learn somebody else's scale.

A settled finding stays visible and says whether it was accepted or set aside. Removing it would lose the record that somebody looked at it and decided.

Import

import { Finding } 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
severity	'high' | 'medium' | 'low' | 'note'
severityLabel	React.ReactNode
title	React.ReactNode
where	React.ReactNode	Where in the material it is. A button when onOpen is given.
detail	React.ReactNode
evidence	React.ReactNode	An Evidence block: what this rests on.
suggestion	React.ReactNode	What to do about it.
suggestionLabel	React.ReactNode
state	'open' | 'accepted' | 'dismissed'
actions	React.ReactNode
className	string
onOpen	() => void