Skip to main content

Radio button

Inline

Please choose your favorite fruit.

Stacked

Please choose your favorite fruit.

Disabled

Please choose your favorite fruit.

Using options prop

Radios using options
selected: first

EsRadioButtonGroup props

Name
id
Type
String
Default
n/a
Description
Required.
Name
label
Type
String
Default
n/a
Description
Required. Corresponds to the legend value describing the group
Name
name
Type
String
Default
''
Description
Required, if using the default slot. Maps to the name for each radio input
Name
options
Type
Array
Default
undefined
Description
Optional. Must provide if not using the default slot. Allows radio input values to be passed as an array.
Name
inline
Type
Boolean
Default
false
Description
Optional. Attribute is passed down to children when using the options attribute

EsRadioButton props

Name
name
Type
String
Default
n/a
Description
Required. Name of radio group
Name
value
Type
Any
Default
n/a
Description
Required. Value of radio button
Name
id
Type
String
Default
n/a
Description
Required.
Name
disabled
Type
Boolean
Default
false
Description
When present, it specifies that the radio button should be disabled.
Name
inline
Type
Boolean
Default
false
Description
When present, it specifies that the radio buttons should be displayed inline.
Name
displayName
Type
String
Default
Description
Required, if not using the default slot. The text to display next to the radio button.
Name
v-model
Type
Any
Default
n/a
Description
Optional. The v-model directive binds the radio button to a data property.