react-hyukie-bottom-sheet v0.1.9

react-hyukie-bottom-sheet

A simple Bottom Sheet that can be used in React

Installation

npm

npm install react-hyukie-bottom-sheet --save

yarn

yarn add react-hyukie-bottom-sheet

Example

import { useState } from "react";
import { BottomSheet } from "react-hyukie-bottom-sheet";

function App() {
  const [isShow, setIsShow] = useState(false);

  const handleBottomSheet = () => {
    setIsShow((prev) => !prev);
  };

  return (
    <>
      <button onClick={handleBottomSheet}>
        <h1>Bottom-Sheet Show</h1>
      </button>
      <BottomSheet
        handleBottomSheet={handleBottomSheet}
        isShow={isShow}
        contents={<p>Hello world</p>}
      />
    </>
  );
}

export default App;

props