Radio

Radioは、ユーザーが複数の選択肢の中から1つを選択するための使用されるコンポーネントです。

ソース @yamada-ui/radio

Props

RadioProps

説明

If true, the radio will be checked.

タイプ

boolean

デフォルト

false

説明

The visual color appearance of the component.

タイプ

"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"

デフォルト

"primary"

説明

If true, the radio will be initially checked.

タイプ

boolean

デフォルト

false

説明

If true, the radio will be initially checked.

非推奨

Use defaultChecked instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be disabled.

タイプ

boolean

デフォルト

false

説明

Props for icon element.

タイプ

HTMLUIProps<"span">

説明

id assigned to input.

タイプ

string

説明

Props for input element.

タイプ

InputHTMLAttributes<HTMLInputElement>

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

説明

If true, the radio will be checked.

非推奨

Use checked instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be disabled.

非推奨

Use disabled instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be invalid.

非推奨

Use invalid instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be readonly.

非推奨

Use readOnly instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be required.

非推奨

Use required instead.

タイプ

boolean

デフォルト

false

説明

The label of the radio.

タイプ

type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortal

説明

Props for label element.

タイプ

HTMLUIProps<"span">

説明

The name of the input field in a radio.

タイプ

string

説明

The callback invoked when the checked state changes.

タイプ

ChangeEventHandler<HTMLInputElement>

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

説明

The size of the Radio.

タイプ

"sm" | "md" | "lg"

デフォルト

"md"

説明

The value to be used in the radio button.

タイプ

Y

説明

The variant of the Radio.

タイプ

string

RadioGroupProps

説明

The CSS align-items property.

タイプ

UIValue<AlignItems>

説明

The CSS flex-basis property.

タイプ

UIValue<number | "content" | "px" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "2xl" | "lg" | "md" | "sm" | "xl" | ({} & string) | (string & {}) | "-moz-fit-content" | ... 69 more ... | "xs">

説明

The initial value of the radio group.

タイプ

Y

説明

The CSS flex-direction property.

タイプ

UIValue<FlexDirection>

説明

If true, the form control will be disabled.

タイプ

boolean

デフォルト

false

説明

The CSS flex-grow property.

タイプ

UIValue<FlexGrow>

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be disabled.

非推奨

Use disabled instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be invalid.

非推奨

Use invalid instead.

タイプ

boolean

デフォルト

false

説明

If true, input elements will receive checked attribute instead of isChecked. This assumes, you're using native radio inputs.

非推奨

It will be deprecated in version 2.0.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be readonly.

非推奨

Use readOnly instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be required.

非推奨

Use required instead.

タイプ

boolean

デフォルト

false

説明

If provided, generate radios based on items.

タイプ

RadioItem<Y>[]

デフォルト

'[]'

説明

The CSS justify-content property.

タイプ

UIValue<JustifyContent>

説明

The HTML name attribute used for forms.

タイプ

string

説明

The callback fired when any children radio is checked or unchecked.

タイプ

(value: Y) => void

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

説明

The CSS flex-shrink property.

タイプ

UIValue<FlexShrink>

説明

The value of the radio group.

タイプ

Y

説明

The CSS flex-wrap property.

タイプ

UIValue<FlexWrap>

UseRadioProps

説明

If true, the radio will be checked.

タイプ

boolean

デフォルト

false

説明

If true, the radio will be initially checked.

タイプ

boolean

デフォルト

false

説明

If true, the radio will be initially checked.

非推奨

Use defaultChecked instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be disabled.

タイプ

boolean

デフォルト

false

説明

id assigned to input.

タイプ

string

説明

If true, the form control will be invalid.

タイプ

boolean

デフォルト

false

説明

If true, the radio will be checked.

非推奨

Use checked instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be disabled.

非推奨

Use disabled instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be invalid.

非推奨

Use invalid instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be readonly.

非推奨

Use readOnly instead.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be required.

非推奨

Use required instead.

タイプ

boolean

デフォルト

false

説明

The name of the input field in a radio.

タイプ

string

説明

The callback invoked when the checked state changes.

タイプ

ChangeEventHandler<HTMLInputElement>

説明

If true, the form control will be readonly.

タイプ

boolean

デフォルト

false

説明

If true, the form control will be required.

タイプ

boolean

デフォルト

false

説明

The value to be used in the radio button.

タイプ

Y

UseRadioGroupProps

説明

The initial value of the radio group.

タイプ

Y

説明

The top-level id string that will be applied to the radios. The index of the radio will be appended to this top-level id.

タイプ

string

説明

If true, input elements will receive checked attribute instead of isChecked. This assumes, you're using native radio inputs.

非推奨

It will be deprecated in version 2.0.

タイプ

boolean

デフォルト

false

説明

The HTML name attribute used for forms.

タイプ

string

説明

The callback fired when any children radio is checked or unchecked.

タイプ

(value: Y) => void

説明

The value of the radio group.

タイプ

Y

GitHubでこのページを編集する

前Textarea 次RadioCard