Getting Started

Installation

Install the package using your preferred package manager:


npm install @vassale/sitare

Basic Usage

Import the useSitare hook and use the returned props to connect your input and button.


import { useSitare } from '@vassale/sitare';
 
function PasswordInput() {
  const { inputProps, btnProps } = useSitare();
 
  return (
    <div className="flex items-center gap-2">
      <input {...inputProps} className="border p-2 rounded" placeholder="Password" />
      <button {...btnProps} className="p-2 border rounded hover:bg-gray-100">
        {btnProps.children}
      </button>
    </div>
  );
}