Başlarken
Kurulum
Paketi tercih ettiğiniz paket yöneticisini kullanarak yükleyin:
pnpm
$ pnpm add @virastack/password-toggleTemel Kullanım
useViraPassword hook’unu içe aktarın ve girdi alanınızı ve butonunuzu bağlamak için döndürülen propları kullanın.
import { useViraPassword } from '@virastack/password-toggle';
function PasswordInput() {
const { inputProps, btnProps } = useViraPassword();
return (
<div>
<input {...inputProps} />
<button {...btnProps}>
{btnProps.children}
</button>
</div>
);
}