Radio
<vscode-radio> When participating in a form, it supports the :invalid pseudo class. Otherwise the error styles
can be applied through the invalid property.
Properties
- autofocus reflected
Attribute autofocus Type booleanDefault false- checked reflected
Attribute checked Type booleanDefault false- defaultChecked reflected
Attribute default-checked Type booleanDefault false- disabled reflected
Attribute disabled Type booleanDefault false- focused reflected
Attribute focused Type booleanDefault false- form readonly
Type HTMLFormElement | null- invalid reflected
Attribute invalid Type booleanDefault false- label
Label text. It is only applied if component's innerHTML doesn't contain any text.
Attribute label Type string- name reflected
Name which is used as a variable name in the data of the form-container.
Attribute name Type stringDefault ''- required reflected
Attribute required Type booleanDefault false- validationMessage readonly
Type string- validity readonly
Type ValidityState- value
Attribute value Type stringDefault ''- version readonly
VSC Element version
- willValidate readonly
Type boolean
Methods
- checkValidity
Return boolean- reportValidity
Return boolean
Events
- change
Dispatched when checked state is changed.
Type Event- invalid
Dispatched when the element is invalid and
checkValidity()has been called or the form containing this element is submitted. MDN ReferenceType Event- vsc-change deprecated
- Use the native
changeevent instead.
Type CustomEvent- Use the native
Custom CSS Properties
- --vsc-foreground-translucent
Label font color. 90% transparency version of
--vscode-foregroundby default.
--vscode-focusBorder
--vscode-font-family
--vscode-font-size
--vscode-font-weight
--vscode-settings-checkboxBackground
--vscode-settings-checkboxBorder
--vscode-settings-checkboxForeground