Radio ​

Single selection among multiple options.

<template>
  <el-radio-group v-model="radio1">
    <!-- works when >=2.6.0, recommended ✔️ not work when <2.6.0 ❌ -->
    <el-radio value="Value 1">Option 1</el-radio>
    <!-- works when <2.6.0, deprecated act as value when >=3.0.0 -->
    <el-radio label="Label 2 & Value 2">Option 2</el-radio>
  </el-radio-group>
</template>

Basic usage ​

Radio should not have too many options. Otherwise, use the Select component instead.

Disabled ​

disabled attribute is used to disable the radio.

Radio Group ​

Suitable for choosing from some mutually exclusive options.

With borders ​

Options attribute 2.11.2 ​

Radio Button ​

Radio with button group visual effect.

Radio API ​

Radio Attributes ​

Radio Events ​

Radio Slots ​

RadioGroup API ​

RadioGroup Attributes ​

RadioGroup Events ​

RadioGroup Slots ​

RadioButton API ​

RadioButton Attributes ​

RadioButton Slots ​

Source ​

Component • Style • Docs

Contributors ​