@dahyeeee/react-components-library v1.0.2

react-components-library

재사용 가능한 리액트 컴포넌트를 모아놓은 라이브러리

installing

npm i @dahyeeee/react-components-library

Components

Modal

document.body (html최상단 요소)에서 모달창이 열립니다.

imports

import { Modal } from "@dahyeeee/react-components-library";

Props

Usage Example

import { useState } from "react";
import { Modal } from "@dahyeeee/react-components-library";

const PageWithModal = () => {
  const [isModalOpen, setIsModalOpen] = useState(false);

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

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

  return (
    <>
      <button type="button" onClick={openModal}>
        open
      </button>
      <Modal
        $position="middle"
        isModalVisible={isModalOpen}
        closeModal={closeModal}
      >
        {/* You can locate your Modal contents here */}
      </Modal>
    </>
  );
};