Label

渲染一个与控件关联的、可访问的标签。

Accept terms and conditions

import { Checkbox } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/label"

对于表单字段，请使用 Field 组件，它内置了标签、描述和错误处理。

安装


pnpm dlx shadcn@latest add label

import { Label } from "@/components/ui/label"

<Label htmlFor="email">Your email address</Label>

对于表单字段，请使用 Field 组件，它内置了 FieldLabel、FieldDescription 和 FieldError 组件。

<Field>
  <FieldLabel htmlFor="email">Your email address</FieldLabel>
  <Input id="email" />
</Field>

import { Button } from "@/components/ui/button"
import { Checkbox } from "@/components/ui/checkbox"
import {

要在 shadcn/ui 中启用 RTL 支持，请参见 RTL 配置指南。

قبول الشروط والأحكام

"use client"

import * as React from "react"

更多信息请参见 Radix UI Label 文档。

本页目录

用 Dory 探索你的数据

AI 驱动的 SQL 工作台，连接 Postgres / MySQL 等数据库，快速查询与分析数据。

用 AI 快速得到答案，开源且免费。