Password Input
İsteğe bağlı güç göstergesine sahip şifre görünürlük kontrolü.
PasswordInput.tsx
Çok zayıf
Kurulum
shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:
$
npx shadcn@latest add https://ui.cagriozay.com.tr/r/password-input.jsonKullanım Örneği
import { PasswordInput } from "@/components/ui"
<PasswordInput showStrength placeholder="Şifre" />Özellikler & Parametreler (API)
| Prop | Tür | Varsayılan | Açıklama |
|---|---|---|---|
| showStrength | boolean | false | Şifre gücü göstergesini açar. |
| value | string | — | Kontrollü şifre değeri. |
| onChange | ChangeEventHandler<HTMLInputElement> | — | Standart input değişikliği callback'i. |