KQ-831 · CONFIDENCE/CHIP

Confidence Chip

An answer that wears one chip saying how sure the model is. The chip's wash fills left to right to the confidence on glide and takes the tone of its value, and a low chip pulses once after the fill settles on a three-keyframe tween rather than a spring. Hovering or focusing the chip drops a reasoning card on snap over the answer's own text; Enter or Space pins it and Escape releases it.

KQ-831 · CONFIDENCE/CHIP

Fernworks Model 3

The first Coldbrook sailing leaves at 07:10 on weekdays and 08:40 at weekends.

Fernworks Model 3

Bikes are carried on the open deck, but only eight at a time on the smaller boat.

Fernworks Model 3

A Sunday return is about 6.50 for a foot passenger.

3 answers · 1 low · hover a chip

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/confidence-chip

Props

confidence: number; default —; How sure the model is of this answer, 0 to 1.
reasoning: string; default —; One sentence on why the value is what it is; shown in the read card and described to assistive technology.
answer: string; default —; The answer the chip belongs to.
model: string; default —; Whose answer it is; the header caption.
lowAt: number; default 0.5; Below this the chip reads danger and pulses once on mount.
highAt: number; default 0.8; At or above this the chip reads success.
format: (confidence: number) => string; default percent; Formats the value for the chip label and its descriptions.
pulseLow: boolean; default true; Whether a low chip pulses once after its fill settles.
onReadChange: (reading: boolean) => void; default —; Fires when the reasoning starts or stops being read, by hover, focus or a pin.
onPinChange: (pinned: boolean) => void; default —; Fires from the press or Escape that pinned or released the reading.
label: string; default —; Names the answer region for assistive technology.

Prop	Type	Default	Description
confidence	number	—	How sure the model is of this answer, 0 to 1.
reasoning	string	—	One sentence on why the value is what it is; shown in the read card and described to assistive technology.
answer	string	—	The answer the chip belongs to.
model	string	—	Whose answer it is; the header caption.
lowAt	number	0.5	Below this the chip reads danger and pulses once on mount.
highAt	number	0.8	At or above this the chip reads success.
format	(confidence: number) => string	percent	Formats the value for the chip label and its descriptions.
pulseLow	boolean	true	Whether a low chip pulses once after its fill settles.
onReadChange	(reading: boolean) => void	—	Fires when the reasoning starts or stops being read, by hover, focus or a pin.
onPinChange	(pinned: boolean) => void	—	Fires from the press or Escape that pinned or released the reading.
label	string	—	Names the answer region for assistive technology.