Tami-modal NPM

tami-modal 라이브러리

NPM

This is a simple modal/bottomsheet library you can use in React.

How to install

npm

npm install tami-modal

yarn

yarn add tami-modal

How to use

import

import Modal from 'tami-modal';

Props

props	value	meaning
isOpen	`true`, `false`	boolean value for modal open/close
onCloseModal	function	function for closing modal
modalLocation	`center`, `bottom` (default: `center`)	depends where the modal should locate

Example

import { useState } from 'react';
import Modal from 'tami-modal';

function App() {
  const [isOpen, setIsOpen] = useState(false);

  const openModal = () => {
    setIsOpen(true);
  };

  const closeModal = () => {
    setIsOpen(false);
  };

  return (
    <div className='App'>
      <button onClick={openModal}>open modal</button>
      <Modal isOpen={isOpen} onCloseModal={closeModal} modalLocation={'bottom'}>
        {/* Modal Contents that you want to pass it as a children */}
      </Modal>
    </div>
  );
}

export default App;

ezgif com-video-to-gif (1)