Password Input

نصب

pnpm dlx @simurgh-ui/cli add password-input

import { PasswordInput } from '@simurgh-ui/react/password-input';
import { PasswordInput as VuePasswordInput } from '@simurgh-ui/vue/password-input';
import { PasswordInputComponent } from '@simurgh-ui/angular/password-input';
import '@simurgh-ui/styles/password-input.css';

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

Live component Password Input ◆

Account password

Show

استفاده

<PasswordInput
  aria-label="گذرواژهٔ حساب"
  name="password"
  autoComplete="current-password"
  value={password}
  onChange={(event) => setPassword(event.target.value)}
/>

دکمهٔ reveal باید نام خود را میان «نمایش گذرواژه» و «پنهان‌کردن گذرواژه» تغییر دهد و state را با aria-pressed یا قرارداد مستند نشان دهد. مقدار را در گزارش سیستمی، analytics یا URL قرار ندهید. current-password و new-password را متناسب با workflow انتخاب کنید.

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