Label

نصب

pnpm dlx @simurgh-ui/cli add label

import { Label } from '@simurgh-ui/react/label';
import { Label as VueLabel } from '@simurgh-ui/vue/label';
import { LabelComponent } from '@simurgh-ui/angular/label';
import '@simurgh-ui/styles/label.css';

پیش‌نمایش واقعی

Live component Label ◆

Email address

استفاده

<Label htmlFor="email">نشانی رایانامه</Label>
<Input id="email" name="email" type="email" />

<Label for="email">نشانی رایانامه</Label>
<Input id="email" name="email" type="email" />

<simurgh-label for="email">نشانی رایانامه</simurgh-label>
<simurgh-input id="email" name="email" type="email" />

دسترس‌پذیری

for/htmlFor باید با ID یکتای کنترل برابر باشد. کلیک روی Label باید کنترل را focus یا toggle کند. placeholder جای Label نیست و متن Required باید علاوه بر نشانهٔ بصری برای صفحه‌خوان قابل‌درک باشد.

برای گروه Checkbox یا Radio Group از legend یا accessible group label استفاده کنید. Label نباید چند کنترل نامرتبط را هم‌زمان هدف بگیرد.

Last verified on 2026-08-13 against Simurgh registry 0.1.1.