draggable-layer

基于React Hooks开发的可拖拽弹层

Usage no npm install needed!

<script type="module">
  import draggableLayer from 'https://cdn.skypack.dev/draggable-layer';
</script>

README

效果动画

react-draggable-layer

基于 TypeScript + React Hooks 开发的可拖拽弹层

npm package npm size npm size

Example

# install project packages
npm install

# install example packages
cd examples
npm install

# run start
npm run start

Installation

npm install --save-dev react-draggable-layer

Usage

import DraggableLayer from "react-draggable-layer";

const App = () => <DraggableLayer />;

API

name description type
children custom draggable layer content ReactNode
titleName The draggable layer's title string
visible Whether the draggable layer is visible or not boolean
onClose Specify a function that will be called when a user clicks close button function

License

MIT, see the LICENSE file for detail.