Giriş

Show/hide parola alanları kolayca yanlış uygulanır: eksik ARIA, form submit’e basan buton, disabled senkronu, prop çakışması. useViraPassword() bunları tek hook’ta çözer. Markup ve stil size aittir.

Başlarken

Paketi ekleyin. Canlı demolar için örnekler sayfasına bakın.

$ pnpm add @virastack/password

Peer bağımlılıklar

• react ≥ 18.2
• react-dom ≥ 18.2

ViraStack Start CLI kurulumunda da seçilebilir (npx virastack@latest --tools password).

Neden ViraStack Password?

• Erişilebilirlik: aria-label, aria-pressed, aria-controls ve type="button" hazır.
• Headless: yalnızca prop bag; shadcn, Ant Design veya native input ile aynı API.
• Akıllı varsayılanlar: Eye / EyeOff SVG ikonları dahili.
• Güvenli merge: on* handler’lar zincirlenir, className birleşir; disabled / readOnly toggle’ı kilitler.

Kapsam

Dokümantasyon paket yüzeyinin tamamını kapsar:

• useViraPassword() API’si
• Accessibility ve customization
• Helpers ve types
• UI kütüphaneleri ve örnekler