Yamada UIにスターをあげる
スターRadioは、ユーザーが複数の選択肢の中から1つを選択するための使用されるコンポーネントです。
説明
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タイプ
HTMLUIProps<"span">説明
id assigned to input.
タイプ
stringタイプ
InputHTMLAttributes<HTMLInputElement>説明
If true, the radio will be checked.
タイプ
booleanデフォルト
false説明
If true, the form control will be disabled.
タイプ
booleanデフォルト
false説明
If true, the form control will be invalid.
タイプ
booleanデフォルト
false説明
If true, the form control will be readonly.
タイプ
booleanデフォルト
false説明
If true, the form control will be required.
タイプ
booleanデフォルト
falseタイプ
HTMLUIProps<"span">説明
The name of the input field in a radio.
タイプ
string説明
The callback invoked when the checked state changes.
タイプ
ChangeEventHandler<HTMLInputElement>説明
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説明
If true, the radio will be initially checked.
タイプ
booleanデフォルト
false説明
id assigned to input.
タイプ
string説明
If true, the radio will be checked.
タイプ
booleanデフォルト
false説明
If true, the form control will be disabled.
タイプ
booleanデフォルト
false説明
If true, the form control will be invalid.
タイプ
booleanデフォルト
false説明
If true, the form control will be readonly.
タイプ
booleanデフォルト
false説明
If true, the form control will be required.
タイプ
booleanデフォルト
false説明
The name of the input field in a radio.
タイプ
string説明
The callback invoked when the checked state changes.
タイプ
ChangeEventHandler<HTMLInputElement>説明
The value to be used in the radio button.
タイプ
Y説明
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>説明
The CSS flex-grow property.
タイプ
UIValue<FlexGrow>説明
If true, the form control will be disabled.
タイプ
booleanデフォルト
false説明
If true, the form control will be invalid.
タイプ
booleanデフォルト
false説明
If true, input elements will receive checked attribute instead of isChecked.
This assumes, you're using native radio inputs.
タイプ
booleanデフォルト
false説明
If true, the form control will be readonly.
タイプ
booleanデフォルト
false説明
If true, the form control will be required.
タイプ
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説明
The CSS flex-shrink property.
タイプ
UIValue<FlexShrink>説明
The value of the radio group.
タイプ
Y説明
The CSS flex-wrap property.
タイプ
UIValue<FlexWrap>説明
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.
タイプ
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.
タイプ
YGitHubでこのページを編集する