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

vsc-changedeprecated

Name	vsc-change
Type	`CustomEvent`
Description	Use the native `change` event instead.

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