Label

コントロールに関連付けられたアクセス可能なラベルをレンダリングします。

利用規約に同意する

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

フォームフィールドには、組み込みのラベル、説明、エラー処理を含む Field コンポーネントを使用してください。

インストール


pnpm dlx shadcn@latest add label

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

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

フォームフィールドには、FieldLabel、FieldDescription、FieldError などが組み込まれた Field コンポーネントを使用してください。

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

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

shadcn/ui で RTL サポートを有効にするには、RTL 構成ガイドを参照してください。

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

"use client"

import * as React from "react"

詳細については、ベース UI ラベルドキュメントを参照してください。

On This Page

shadcn/uiアプリをVercelにデプロイ

OpenAI、Sonos、Adobeなどに採用されています。

Vercelは、アプリや機能を大規模にデプロイするためのツールとインフラを提供します。