# 下拉菜单单选项

## 使用方法

`DropdownMenuRadioItem` 是 [下拉菜单单选组](/components/dropdown-menu-radio-group) 里的一个选项，角色是 `menuitemradio`。它必须放在这个组里面。组的当前值与这一项的 `value` 相同，这一行才是选中的。

```vue
<script setup lang="ts">
import { DropdownMenu, DropdownMenuRadioGroup, DropdownMenuRadioItem } from '@astryx-vue/core/DropdownMenu'
import { ref } from 'vue'

const sort = ref('option-1')
</script>

<template>
  <DropdownMenu :button="{ label: '排序' }">
    <DropdownMenuRadioGroup v-model="sort" label="单选组">
      <DropdownMenuRadioItem value="option-1" label="选项 1" />
    </DropdownMenuRadioGroup>
  </DropdownMenu>
</template>
```

单选圆点是装饰，整行才是控件。禁用的选项仍留在组里，但不能被选中。

## 属性

| 名称 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| `value` | `string` | - | 这个选项代表的值。必须放在单选组里面，否则组件会在初始化时抛出错误。 |
| `label` | `string \| number` | - | 行内的主要文字。 |
| `description` | `string \| number` | - | 标签下方的次要说明。 |
| `icon` | `string \| Component` | - | 标签前的图标。任意内容改用 `icon` 插槽。 |
| `isDisabled` | `boolean` | `false` | 禁用这个选项。它仍留在组里，但不能被选中。 |

行的角色是 `menuitemradio`。选中后是否收起菜单由所在的组决定。尾部内容放在 `endContent` 插槽里。