Label 标签

基于 reka-ui Label，用于表单字段标题，支持 for 关联与无障碍。

Label 用于表单字段的标题，通过 for 与表单控件关联，点击标签可聚焦对应控件。

何时使用

  • 为输入框、选择框等表单控件提供文本标签。
  • 需要点击标签聚焦控件（提升可点击区域）时。

代码演示

基础用法

<script setup lang="ts">
import { Label, Input } from "@reglow/reui";
</script>

<template>
  <Label for="email">邮箱</Label>
  <Input id="email" type="email" placeholder="请输入邮箱" />
</template>

导入

import { Label } from "@reglow/reui";

API

Label

属性类型默认值说明
forstring-关联元素 id
classHTMLAttributes["class"]-附加类名

其余 props 透传至 reka-ui Label。

插槽

插槽说明
default标签文本内容
Divider 分割线
区隔内容的分割线
Spinner 加载圈
基础加载指示器，一个旋转的图标，用于行内或轻量加载状态。