KQ-801 · RATING/PAIR

Rating Pair

Two answers to one prompt with a three-way pick beneath them. Choosing a side lifts that card two pixels on snap and takes the strong hairline, while a preference beam pivots on its centre pin so the chosen end rises, also on snap, and a fill grows from the pin toward it on glide; a tie brings the beam level and drains both halves. The pick is a radiogroup with a roving tabindex: Left and Right step, Home and End jump, Space and Enter select.

KQ-801 · RATING/PAIR

A parcel arrived eleven days late. Can the customer still claim a refund?

Fernworks Model 3

Yes. Waylight refunds shipping on any parcel later than seven days, and the claim window stays open for thirty days after delivery. Open a claim from the order page and it settles in two working days.

Gaugeworks Reasoner

They can. The late-delivery rule refunds the shipping fee when a parcel is more than seven days past its promised date, as long as the claim is raised within thirty days of arrival.

Pair 1 of 3 · no pick

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/rating-pair

Props

answers: [RatingAnswer, RatingAnswer]; default —; Left and right answers to the same prompt: id, an invented model name, and the text.
prompt: string; default —; The question both answers respond to, printed above the pair.
value / defaultValue: RatingPick | null; default null; Controlled or initial pick: "left", "tie", "right", or null while nothing is chosen.
onValueChange: (pick: RatingPick) => void; default —; Fires from the click or key that changed the pick.
label: string; default —; Names the pair and its radiogroup for assistive technology.

Prop	Type	Default	Description
answers	[RatingAnswer, RatingAnswer]	—	Left and right answers to the same prompt: id, an invented model name, and the text.
prompt	string	—	The question both answers respond to, printed above the pair.
value / defaultValue	RatingPick \| null	null	Controlled or initial pick: "left", "tie", "right", or null while nothing is chosen.
onValueChange	(pick: RatingPick) => void	—	Fires from the click or key that changed the pick.
label	string	—	Names the pair and its radiogroup for assistive technology.