--- schema_version: "1" id: 06a25e236cd0d5cd3729b6766d6da5036a925ab0c6692151992890c487294888 title: RadioGroup Lightning Web Component ReadMe (Managed Package) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_radiogroup_lightning_web_component_readme.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_radiogroup_lightning_web_component_readme.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: c75f2c6e48712ab511c62df1a7b5401164bdc8e6db5d1d45a352fcee7000e71a description: For the managed package runtime, this page contains a RadioGroup LWC ReadMe for each Vlocity release. products: - Omnistudio release: "264" --- # RadioGroup Lightning Web Component ReadMe (Managed Package) For the managed package runtime, this page contains a RadioGroup LWC ReadMe for each Vlocity release. ![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US). ## Vlocity Insurance and Health Winter '20 and Vlocity CME Spring '20 The _RadioGroup Lightning Web Component_ enables users to select from a list of options by selecting a radio button. ## Available c-radio-group Attributes

Attribute

Value

Type

Required

Description

type

radio, button (Default: radio)

string

  

Sets the style of the radio group.

label

  

string

yes

Adds a visible title to the radio group.

options

  

array

yes

Contains the list of label-value pairs for each radio button.

field-level-help

  

string

  

Adds help text.

message-when-value-missing

  

string

  

Displays a message when no radio button is selected and the required attribute is set to true.

name

  

string

  

Specifies the name of the radio button group. User can select only one button if a name is specified for the group.

value

  

string

  

Sets the default value of the radio group.

disabled

      

If present, the radio group is disabled and users cannot interact with it.

required

      

If present, user must select the radio button in order to submit the form.

validity

JSON

Object

  

Defines the validity states for an element, with respect to constraint validation.

extraclass

  

string

  

Adds a class to the main container of the component. To add multiple classes, use a space to separate each class, such as 'classone classtwo'.

theme

slds, nds (Default: slds)

string

  

Sets the theme for the radio group component.
## Example c-radio-group Component ``` ``` ## Available Methods checkValidity() Returns the valid attribute value (boolean) on the ValidityState object. reportValidity() Displays the error messages and returns false if the input is invalid. If the input is valid, reportValidity() clears displayed error messages and returns true. setCustomValidity(message) Displays a custom error message when the textarea value is submitted. Takes the _message_ argument. If _message_ is an empty string, the error message is reset. showHelpMessageIfInvalid() Displays error messages on invalid fields. An invalid field fails at least one constraint validation and returns false when checkValidity() is called. focus() Sets focus on the textarea field. ## Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19 The _RadioGroup Lightning Web Component_ enables users to select from a list of options by selecting a radio button. ## Available c-radio-group Attributes

Attribute

Value

Type

Required

Description

type

radio, button (Default: radio)

string

  

Sets the style of the radio group.

label

  

string

yes

Adds a visible title to the radio group.

options

  

array

yes

Contains the list of label-value pairs for each radio button.

field-level-help

  

string

  

Adds help text.

message-when-value-missing

  

string

  

Displays a message when no radio button is selected and the required attribute is set to true.

name

  

string

  

Specifies the name of the radio button group. User can select only one button if a name is specified for the group.

value

  

string

  

Sets the default value of the radio group.

disabled

      

If present, the radio group is disabled and users cannot interact with it.

required

      

If present, user must select the radio button in order to submit the form.

validity

JSON

Object

  

Defines the validity states for an element, with respect to constraint validation.

extraclass

  

string

  

Adds a class to the main container of the component. To add multiple classes, use a space to separate each class, such as `classone classtwo'.

theme

slds, nds (Default: slds)

string

  

Sets the theme for the radio group component.
## Example c-radio-group Component ``` ``` ## Available Methods checkValidity() Returns the valid attribute value (boolean) on the ValidityState object. reportValidity() Displays the error messages and returns false if the input is invalid. If the input is valid, reportValidity() clears displayed error messages and returns true. setCustomValidity(message) Displays a custom error message when the textarea value is submitted. Takes the _message_ argument. If _message_ is an empty string, the error message is reset. showHelpMessageIfInvalid() Displays error messages on invalid fields. An invalid field fails at least one constraint validation and returns false when checkValidity() is called. focus() Sets focus on the textarea field.