npm install @equinor/fusion-wc-radio
<fwc-radio name='group1' value='value1' checked/>
<fwc-radio name='group1' value='value2'/>
Name | Type | Default | Description |
---|---|---|---|
checked |
boolean |
false |
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. |
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 . |