Label

フォーム要素のラベルコンポーネント。

インポート

import { Label } from '@caroainc/ui-components'

メールアドレス

<Label htmlFor="email">メールアドレス</Label>
<Input id="email" type="email" />

利用規約に同意する

<div className="flex items-center gap-2">
  <Checkbox id="terms" />
  <Label htmlFor="terms">利用規約に同意する</Label>
</div>

名前 *

<Label htmlFor="required">
  名前 <span className="text-destructive">*</span>
</Label>

Prop	Type	Default	Description
`htmlFor`	`string`	`-`	関連付けるフォーム要素のID