Whether this radio button is the currently-selected one in its group. Maps to the native checked attribute.
disabled
boolean
false
If true, this radio button cannot be selected or de-selected. Maps to the native disabled attribute.
name
string
''
Name of the input for form submission, and identifier for the selection group. Only one radio button can be checked for a given selection group. Maps to the native name attribute.
value
string
''
Value of the input for form submission. Maps to the native value attribute.
global
boolean
false
If true, this radio button will use a global, document-level scope for its selection group rather than its local shadow root.
reducedTouchTarget
boolean
false
When true, the radio removes touch target that extends beyond visual boundary of the component. Set to false by default to meet Material accessibility guidelines.
formElementTabIndex
number
0
Input's tabindex is updated based on checked status. Tab navigation will be removed from unchecked radios.
Events
Name
Detail
Description
change
{}
Fired when the user modifies the radio checked state from an input device interaction on this radio. Note that, like native <input>, the change event is not fired when the checked property is set from JavaScript, nor is it fired when another radio in the same group becomes checked.