azabraao / react-swipe-to-close-modal

A React Modal component that closes on swipe touch ✨

Home Page:https://www.npmjs.com/package/react-swipe-to-close-modal

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Swipe To Close Modal

A React Modal component that closes on swipe touch ✨

Demo

Installation

npm install react-swipe-to-close-modal

Usage

import Modal from "react-swipe-to-close-modal";

const NiceComponent = () => {
  const [isOpen, setIsOpen] = useState(false);

  const close = () => setIsOpen(false);

  return (
    <Modal isOpen={isOpen} close={close}>
      // your UI code here
    </Modal>
  );
};

About

A React Modal component that closes on swipe touch ✨

https://www.npmjs.com/package/react-swipe-to-close-modal


Languages

Language:TypeScript 74.4%Language:CSS 17.7%Language:JavaScript 7.9%