标签
渲染与控件关联的可访问标签。
特性
- 双击标签时，文本选择将被阻止。
- 支持嵌套控件。
安装
从命令行安装此组件。
sh
$ npm add reka-ui结构
导入组件。
vue
<script setup>
import { Label } from 'reka-ui'
</script>
<template>
<Label />
</template>API 参考
根元素
包含标签的内容。
| 属性 | 默认 | 类型 |
|---|---|---|
as | 'label' | AsTag | Component此组件应渲染为的元素或组件。可通过 |
asChild | 布尔值更改默认渲染元素为作为子项传递的元素，合并它们的属性和行为。 阅读我们的 组合指南了解更多详情。 | |
for | string标签所关联元素的 ID。 |
可访问性
此组件基于原生的 label 元素，在包裹控件或使用 for 属性时，它将自动应用正确的标签。为了使您自己的自定义控件正常工作，请确保它们以原生的 button 或 input 等元素为基础。