AIArchintel UIKataloğu aç

Password Input

İsteğe bağlı güç göstergesine sahip şifre görünürlük kontrolü.

PasswordInput.tsx
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.json

Kullanım Örneği

import { PasswordInput } from "@/components/ui"

<PasswordInput showStrength placeholder="Şifre" />

Özellikler & Parametreler (API)

PropTürVarsayılanAçıklama
showStrengthbooleanfalseŞifre gücü göstergesini açar.
valuestringKontrollü şifre değeri.
onChangeChangeEventHandler<HTMLInputElement>Standart input değişikliği callback'i.