- Slots
-
default— The radio label. -
helper-text— Renders content below the input. -
value-missing— Renders content when the required validation fails. -
custom-error— Renders content when setCustomValidity(message) is set. -
invalid— Renders content when the component is in invalid state (validity.valid = false).
- CSS Parts
base— The radio control base wrapper.control— The radio input control.label— The radio control label.
Properties
Section titled "Properties"checked
Section titled "checked"The checked state of the control.
checked: booleanlabelPosition
Section titled "labelPosition"The label position of the radio control.
labelPosition: ToggleLabelPositionrequired
Section titled "required"required: booleanvalue
Section titled "value"The value attribute of the control.
value: stringMethods
Section titled "Methods"Removes focus from the radio control.
blur(): voidReturns void
checkValidity
Section titled "checkValidity"Checks for validity of the control and emits the invalid event if it invalid.
checkValidity(): booleanReturns boolean
click
Section titled "click"Simulates a click on the radio control.
click(): voidReturns void
focus
Section titled "focus"Sets focus on the radio control.
focus(options: FocusOptions): voidParameters
- options:
FocusOptions
Returns void
reportValidity
Section titled "reportValidity"Checks for validity of the control and shows the browser message if it invalid.
reportValidity(): booleanReturns boolean
setCustomValidity
Section titled "setCustomValidity"Sets a custom validation message for the control.
As long as message is not empty, the control is considered invalid.
setCustomValidity(message: string): voidParameters
- message:
string
Returns void
Events
Section titled "Events"onChange
Section titled "onChange"Emitted when the control's checked state changes.
onChange(args: CustomEvent<IgrRadioChangeEventArgs>): void