keyboard-visibility

A React hook to detect keyboard visibility and offset using the VisualViewport API.

Installation

Install the package using npm:

``bash npm install keyboard-visibility`

`Usage`

`jsx import React from 'react'; import useKeyboardVisibility from 'keyboard-visibility';

const App = () => { const { isKeyboardVisible, keyboardOffset } = useKeyboardVisibility();

return (


      Keyboard Visibility Hook


  );
};

export default App;`

`Example`

jsx
import React from 'react';
import useKeyboardVisibility from 'keyboard-visibility';
const ExampleComponent = () => {
  const { isKeyboardVisible, keyboardOffset } = useKeyboardVisibility();
  return (
    

      Keyboard is {isKeyboardVisible ? 'visible' : 'hidden'}

      
        
      

    

  );
};

export default ExampleComponent;``