Programmatic

import { useViraPassword } from "@virastack/password"
 
function Example() {
  const { inputProps, btnProps, isVisible, setVisible } = useViraPassword({
    defaultVisible: false,
  })
 
  return (
    <div>
      <div className="relative">
        <input
          {...inputProps}
          placeholder="Your password"
          onBlur={() => setVisible(false)}
        />
        <button {...btnProps} />
      </div>
      <p>{isVisible ? "Visible" : "Hidden"}</p>
    </div>
  )
}