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

PrivateText

Agent chat · src/components/PrivateText/PrivateText.tsx

Text the person wrote that the model did not see, shown as what they wrote.

The reader sees their own words; the substitution is stated, not implied. A product that silently redacted would be asking for trust it has not shown, and one that showed only the placeholder would make the person re-read their own sentence to work out what was taken.

tabIndex={0} and a visually-hidden sentence, because the explanation is in a title and a title is unreachable by keyboard and unread by most screen readers.

Import

import { PrivateText } 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
as string What the model saw in place of this text, e.g. [a name].
out boolean This text was removed entirely rather than replaced.
outLabel string
className string
children React.ReactNode