120k
New

标签

PreviousNext

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

Base UIReact AriaRadix UI
import { Checkbox } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/label"

安装

pnpm dlx shadcn@latest add label

用法

import { Label } from "@/components/ui/label"
<Label htmlFor="email">您的电子邮件地址</Label>

字段中的标签

对于表单字段，请使用 Field 组件，其中包含内置的 FieldLabel、FieldDescription 和 FieldError 组件。

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

All transactions are secure and encrypted

Enter your 16-digit card number

Billing Address

The billing address associated with your payment method

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

RTL

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

"use client"

import * as React from "react"