@redrob-labs/ui v1.0.2 · Redrob Group Design System 2026

Criteria

Evidence · src/components/Criteria/Criteria.tsx

What the agent is looking for, before it starts looking.

Inferred conditions are marked "My assumption" with the reason in the title. That marking is the component's point: an agent that quietly adds a condition of its own is filtering on a rule nobody agreed to, and the person cannot correct what they cannot see.

The request is quoted above the list, so the conditions can be read against the words that produced them.

Import

import { Criteria } 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

PropTypeNotes
items CriteriaItem[]
title React.ReactNode
request string The person's request, quoted, so the conditions can be checked against it.
note React.ReactNode
addLabel React.ReactNode
className string
onAdd () => void
onRemove (item: CriteriaItem, index: number) => void

Exported types

CriteriaItem