드래그 가능한 구성 요소 반응
1687 단어 opensourcereact
데모
스택블리츠
설치
$ npm install drag-react
# yarn add drag-react
예시
import { Draggable } from 'drag-react';
<Draggable>
<div>My element is draggable now</div>
</Draggable>
소품
이름
유형
기본
설명
어린이들any-Some element
클래스 이름?string'drag-react'Class name for drag wrapper
스타일?Object{ position: 'fixed', left: '10px', top: '10px', zIndex: 99999 , cursor: 'move' }css style for drag wrapper
onDragStart?(_: DOMRect) => void-Called whenever the user mouses down
onDragEnd?(_: DOMRect) => void-Called when dragging stops
특허
MIT
Reference
이 문제에 관하여(드래그 가능한 구성 요소 반응), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/haikelfazzani/react-draggable-component-5coo
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$ npm install drag-react
# yarn add drag-react
import { Draggable } from 'drag-react';
<Draggable>
<div>My element is draggable now</div>
</Draggable>
소품
이름
유형
기본
설명
어린이들
any-Some element클래스 이름?
string'drag-react'Class name for drag wrapper스타일?
Object{ position: 'fixed', left: '10px', top: '10px', zIndex: 99999 , cursor: 'move' }css style for drag wrapperonDragStart?
(_: DOMRect) => void-Called whenever the user mouses downonDragEnd?
(_: DOMRect) => void-Called when dragging stops특허
MIT
Reference
이 문제에 관하여(드래그 가능한 구성 요소 반응), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/haikelfazzani/react-draggable-component-5coo
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(드래그 가능한 구성 요소 반응), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/haikelfazzani/react-draggable-component-5coo텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
