---
title: Radio 单选框
description: 单选框代表从一组互斥的选项中仅选择一个选项。
isComponent: true
usage: true
spline: navigation
author: swimly
---

## 基本用法

单选默认情况选中之后就不能取消选中，通过设置`allowUncheck`后即可取消选中，通过`defaultChecked`，`checked`，`v-model`可设
置选中状态。

> 提示：`default`，`label`可用来设置单选的文本，`value`用来设置选中后的值。

{{ base }}

## 单选组

通过`l-radio-group`也可组合成一个单选组，从一组数据中快速选区一个值。

{{ group }}

## 单选组（option）

同复选一样，单选组也可通过`options`来定义。

{{ option }}

## 单选按钮

正常的单选组都是类似原生单选的样式，通过`l-radio-button`可定义一个单选按钮的样式。

{{ radioButton }}

## 不同大小

通过`size`可控制`单选按钮`的大小，可选：`small`，`medium`，`large`，默认为：`medium`。

> 注意：`size`属性是加在`l-radio-group`上的，并且对`l-radio`无效。

{{ size }}

## 不同选中类型

通过`variant`可设置单选按钮的不同选中效果，可选：`outline`，`default-filled`，`primary-filled`，默认为：`outline`，同样
，该属性也仅针对子元素是`l-radio-button`的单选组。

{{ variant }}

## 禁用

通过`disabled`属性可禁用单选组或者某个单选项。

{{ disabled }}
