RadioButtonGroupInput

A radio group for choosing one value from a list.

Installation

pnpm dlx shadcn@latest add @chelone/radio-button-group-input
Loading preview…

A radio group for choosing one value from a list.

Props

PropTypeDefaultDescription
alwaysOnboolean—As a `<FilterForm>`/`<FilterButton>` filter: always shown, never in the add-filter menu. Read off the element by the filter layer, never by the input.
choicesreadonly string | TChoice[]—Inline choices (`{ id, name }[]` or `string[]`). Omitted under a reference wrapper.
defaultValueunknown—Input-level default, ra precedence (seeds only into an untouched hole). Typed as the value at `source`; `unknown` without a record.
disabledboolean—Native disabled state.
disableValueSourcePath<TChoice>—The disabled-flag path. Default `disabled`.
format(value: unknown) => unknown—Read transform (raw form value → input value). Receives the value at `source`, plus the hole an untouched field leaves (a create form with no `defaultValue` reads `undefined`); `unknown` without a record.
helperTextReactNode—Helper text rendered below the input; a string is translated.
idstring—Explicit element id; a generated `useId` value is used otherwise.
isRequiredboolean—Forces the required marker; ORed with `required()` detection on `validate`.
labelReactNode—The input label. A string is translated; a ReactNode renders as-is; `false` (or `""`) renders no label.
namestring—Legacy field-name alias (ra parity); the wiring uses `source`.
onBlur(event: unknown) => void—Chained AFTER the blur is recorded.
onChange(eventOrValue: unknown) => void—Chained AFTER the parsed value is written to the form.
optionsRadioGroupProps & RefAttributes<HTMLDivElement>—
optionTextOptionText<TChoice>—The display path (dot/bracket) or a formatter over the whole choice. Default `name`.
optionValueSourcePath<TChoice>—The value path. Default `id`.
parse(value: unknown) => unknown—Write transform (input value → stored value). Must return the value at `source`; `unknown` without a record.
readOnlyboolean—Native read-only state.
resourcestring—Override the ambient resource (used to resolve the default label key).
rowboolean—
sourcestring—The field path RELATIVE to the ambient source scope.
translateChoiceboolean—Translate a string-path label.
typestring—The DOM input `type` (text inputs default to `"text"`).
validateValidator | readonly Validator[]—ra-contract validators — composed, first error wins.