addon
Description
The addon of the radio card.
Type
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortalRadioCard
RadioCard is a component used for allowing users to select one option from multiple choices.
Props
RadioCardProps
addonProps
Description
Props for the footer of the radio card.
Type
RadioCardAddonPropschecked
Description
If true, the radio will be checked.
Type
booleanDefault
falsecolorScheme
Description
The visual color appearance of the component.
Type
"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"Default
"primary"defaultChecked
Description
If true, the radio will be initially checked.
Type
booleanDefault
falsedefaultIsChecked
DeprecatedDescription
If true, the radio will be initially checked.
Deprecated
Use defaultChecked instead.
Type
booleanDefault
falsedescription
Description
The body of the radio card.
Type
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortaldescriptionProps
Description
Props for the description of the radio card.
Type
RadioCardDescriptionPropsdisabled
Description
If true, the form control will be disabled.
Type
booleanDefault
falseiconProps
Description
Props for the icon of the radio card.
Type
HTMLUIPropsid
Description
id assigned to input.
Type
stringinputProps
Description
Props for input element.
Type
InputHTMLAttributes<HTMLInputElement>invalid
Description
If true, the form control will be invalid.
Type
booleanDefault
falseisChecked
DeprecatedDescription
If true, the radio will be checked.
Deprecated
Use checked instead.
Type
booleanDefault
falseisDisabled
DeprecatedDescription
If true, the form control will be disabled.
Deprecated
Use disabled instead.
Type
booleanDefault
falseisInvalid
DeprecatedDescription
If true, the form control will be invalid.
Deprecated
Use invalid instead.
Type
booleanDefault
falseisReadOnly
DeprecatedDescription
If true, the form control will be readonly.
Deprecated
Use readOnly instead.
Type
booleanDefault
falseisRequired
DeprecatedDescription
If true, the form control will be required.
Deprecated
Use required instead.
Type
booleanDefault
falselabel
Description
The label of the radio card.
Type
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortallabelProps
Description
Props for the label of the radio card.
Type
RadioCardLabelPropsname
Description
The name of the input field in a radio.
Type
stringonChange
Description
The callback invoked when the checked state changes.
Type
ChangeEventHandler<HTMLInputElement>readOnly
Description
If true, the form control will be readonly.
Type
booleanDefault
falserequired
Description
If true, the form control will be required.
Type
booleanDefault
falsesize
Description
The size of the RadioCard.
Type
"sm" | "md" | "lg"Default
"md"value
Description
The value to be used in the radio button.
Type
Yvariant
Description
The variant of the RadioCard.
Type
"outline" | "subtle" | "surface"Default
"outline"withIcon
Description
If true, the icon will be displayed.
Type
booleanDefault
trueRadioCardGroupProps
addonProps
Description
Props for the footer of the radio card.
Type
RadioCardAddonPropsalign
Description
The CSS align-items property.
Type
UIValue<AlignItems>basis
Description
The CSS flex-basis property.
Type
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">defaultValue
Description
The initial value of the radio group.
Type
YdescriptionProps
Description
Props for the description of the radio card.
Type
RadioCardDescriptionPropsdirection
Description
The CSS flex-direction property.
Type
UIValue<FlexDirection>disabled
Description
If true, the form control will be disabled.
Type
booleanDefault
falsegrow
Description
The CSS flex-grow property.
Type
UIValue<FlexGrow>invalid
Description
If true, the form control will be invalid.
Type
booleanDefault
falseisDisabled
DeprecatedDescription
If true, the form control will be disabled.
Deprecated
Use disabled instead.
Type
booleanDefault
falseisInvalid
DeprecatedDescription
If true, the form control will be invalid.
Deprecated
Use invalid instead.
Type
booleanDefault
falseisNative
DeprecatedDescription
If true, input elements will receive checked attribute instead of isChecked.
This assumes, you're using native radio inputs.
Deprecated
It will be deprecated in version 2.0.
Type
booleanDefault
falseisReadOnly
DeprecatedDescription
If true, the form control will be readonly.
Deprecated
Use readOnly instead.
Type
booleanDefault
falseisRequired
DeprecatedDescription
If true, the form control will be required.
Deprecated
Use required instead.
Type
booleanDefault
falseitems
Description
If provided, generate radio cards based on items.
Type
RadioCardItem<Y>[]Default
'[]'justify
Description
The CSS justify-content property.
Type
UIValue<JustifyContent>labelProps
Description
Props for the label of the radio card.
Type
RadioCardLabelPropsname
Description
The HTML name attribute used for forms.
Type
stringonChange
Description
The callback fired when any children radio is checked or unchecked.
Type
(value: Y) => voidreadOnly
Description
If true, the form control will be readonly.
Type
booleanDefault
falserequired
Description
If true, the form control will be required.
Type
booleanDefault
falseshrink
Description
The CSS flex-shrink property.
Type
UIValue<FlexShrink>value
Description
The value of the radio group.
Type
YwithIcon
Description
If true, the icon will be displayed.
Type
booleanDefault
truewrap
Description
The CSS flex-wrap property.
Type
UIValue<FlexWrap>RadioCardLabelProps
contentProps
Description
The props for the label content.
Type
HTMLUIProps<"span">iconProps
Description
The props for the icon.
Type
HTMLUIPropswithIcon
Description
If true, the icon will be displayed.
Type
booleanDefault
trueRadioCardDescriptionProps
RadioCardAddonProps
Edit this page on GitHub