Confidence

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

How sure an answer is, in words and in three bars.

The words carry it; the bars are aria-hidden decoration. Three bars alone would be a percentage without the honesty of one - a reader cannot tell 2/3 from "probably" unless it is written.

label is used verbatim when passed, because the composed default is English and this ships in three languages.

Import

import { Confidence } 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
level	'low' | 'medium' | 'high'
label	React.ReactNode	Used exactly as written - it may be Korean. Only the default is composed in English.
note	React.ReactNode	Why it is this confident.
className	string