Visual Studio Code Radio

The vscode-radio is a web component implementation of a radio element.

Usage

For guidelines on usage in an extension, see the vscode-radio-group component.

Implementation

Interactive component examples

Attributes

Attribute	Type	Description
checked	boolean	When true, the radio is toggled on.
disabled	boolean	Prevents the user from interacting with the radio––it cannot be pressed or focused.
readonly	boolean	Indicates whether the radio is checked or not.
value	string	The string to use as the value of the radio.

Basic Radio

<vscode-radio>Radio Label</vscode-radio>

Checked Attribute

<vscode-radio checked>Radio Label</vscode-radio>

Read Only Attribute

<vscode-radio readonly>Radio Label</vscode-radio>

Disabled Attribute

<vscode-radio disabled>Radio Label</vscode-radio>

Value Attribute

<vscode-radio value="some-value">Radio Label</vscode-radio>