RadioGroup

One choice out of several, all visible at once. A native group, so the arrows and form submission work by themselves.

When to use it

There are three to six options and they should be read and compared — a pricing mode, a delivery method.
Each option needs a sentence of explanation, but not enough to deserve a card.
The choice is part of a form and is saved with it.

There are many options or they change at runtime — that is IngotSelect; twenty radios laid out is a wall.
The options are two or three short words meant to sit in a bar — that is IngotSegmented.
Each option needs a paragraph, an image or a price — that is IngotOptionCard.

value: string — The selected value. Controlled.
onChange: (next: string) => void — The new value. The group remembers nothing.
options: readonly IngotRadioOption[] — The options in the order they are read.
label: ReactNode — The name of the whole choice (the legend). Required: without it a screen reader cannot say what the options are of.
hint: ReactNode — A sentence under the group's name.
error: ReactNode — Error text; its presence marks the group invalid.
disabled: boolean — Disables the whole group.
className: string — The group's layout only.
testId: string — An anchor for tests.