Radio

• Docs
• API

Tag name: <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

autofocusreflects

Name	autofocus
Attribute	autofocus
Type	boolean
Default	false

checkedreflects

Name	checked
Attribute	checked
Type	boolean
Default	false

defaultCheckedreflects

Name	defaultChecked
Attribute	default-checked
Type	boolean
Default	false

disabledreflects

Name	disabled
Attribute	disabled
Type	boolean
Default	false

focusedreflects

Name	focused
Attribute	focused
Type	boolean
Default	false

formreadonly

Name	form
Type	HTMLFormElement | null

invalidreflects

Name	invalid
Attribute	invalid
Type	boolean
Default	false

label

Name	label
Attribute	label
Type	string
Description	Label text. It is only applied if component's innerHTML doesn't contain any text.

namereflects

Name	name
Attribute	name
Type	string
Default	''
Description	Name which is used as a variable name in the data of the form-container.

requiredreflects

Name	required
Attribute	required
Type	boolean
Default	false

validationMessagereadonly

Name	validationMessage
Type	string

validityreadonly

Name	validity
Type	ValidityState

value

Name	value
Attribute	value
Type	string
Default	''

versionreadonly

Name	version
Type	string
Description	VSCode Elements version

willValidatereadonly

Name	willValidate
Type	boolean

Methods

checkValidity() : boolean

Name	checkValidity

reportValidity() : boolean

Name	reportValidity

Events

change

Name	change
Type	Event
Description	Dispatched when checked state is changed.

invalid

Name	invalid
Type	Event
Description	Dispatched when the element is invalid and checkValidity() has been called or the form containing this element is submitted. MDN Reference

CSS Custom Properties

--vscode-focusBorder

Name	--vscode-focusBorder
Default value	#0078d4

--vscode-font-family

Name	--vscode-font-family
Default value	sans-serif

--vscode-font-size

Name	--vscode-font-size
Default value	13px

--vscode-font-weight

Name	--vscode-font-weight
Default value	normal

--vscode-inputValidation-errorBackground

Name	--vscode-inputValidation-errorBackground
Default value	#5a1d1d

--vscode-inputValidation-errorBorder

Name	--vscode-inputValidation-errorBorder
Default value	#be1100

--vscode-settings-checkboxBackground

Name	--vscode-settings-checkboxBackground
Default value	#313131

--vscode-settings-checkboxBorder

Name	--vscode-settings-checkboxBorder
Default value	#3c3c3c

--vscode-settings-checkboxForeground

Name	--vscode-settings-checkboxForeground
Default value	#cccccc