RadioButtonModel API in Vue RadioButton API component

Interface for a class RadioButton

Properties

change

EmitType<ChangeArgs>

Event trigger when the RadioButton state has been changed by user interaction.

created

EmitType<Event>

Triggers once the component rendering is completed.

checked

boolean

Specifies a value that indicates whether the RadioButton is checked or not. When set to true, the RadioButton will be in checked state.

cssClass

string

Defines class/multiple classes separated by a space in the RadioButton element. You can add custom styles to the RadioButton by using this property.

disabled

boolean

Specifies a value that indicates whether the RadioButton is disabled or not. When set to true, the RadioButton will be in disabled state.

enableHtmlSanitizer

boolean

Defines whether to allow the cross-scripting site or not.

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enableRtl

boolean

Enable or disable rendering component in right to left direction.

htmlAttributes

{ [key: string]: string }

You can add the additional html attributes such as disabled, value etc., to the element. If you configured both property and equivalent html attribute then the component considers the property value.

label

string

Defines the caption for the RadioButton, that describes the purpose of the RadioButton.

labelPosition

RadioLabelPosition

Positions label before/after the RadioButton. The possible values are:

• Before: The label is positioned to left of the RadioButton.
• After: The label is positioned to right of the RadioButton.

locale

string

Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.

name

string

Defines name attribute for the RadioButton. It is used to reference form data (RadioButton value) after a form is submitted.

value

string

Defines value attribute for the RadioButton. It is a form data passed to the server when submitting the form.