{"repo":"kutlugsahin/react-smooth-dnd","free":true,"listed":false,"github":"https://github.com/kutlugsahin/react-smooth-dnd","clone":"git clone https://github.com/kutlugsahin/react-smooth-dnd.git","description":"react wrapper components for smooth-dnd","language":"TypeScript","stars":1720,"topics":["react","drag-and-drop","draggable","dragndrop","sortable","reactjs","javascript","drag","drop","drag-drop"],"license":"MIT","category":"deployment-docker-iac","readme_excerpt":"react-smooth-dnd A fast and lightweight drag&drop, sortable library for React with many configuration options covering many d&d scenarios. It uses css transitions for animations so it's hardware accelerated whenever possible. This library consists wrapper React components over smooth-dnd library. Show, don't tell ! Demo page Installation Usage JSX API Container Component that contains the draggable elements or components. Each of its children should be wrapped by Draggable component Props Property Type Default Description - :-: :-: - children Draggable null React children prop. Should be of type Draggable . orientation string vertical Orientation of the container. Can be horizontal or vertical . behaviour string move Property to describe weather the dragging item will be moved or copied to target container. If drop-zone is set no draggable will slide when container dragged over. Can be move or copy or drop-zone or contain groupName string undefined Draggables can be moved between the containers having the same group names. If not set container will not accept drags from outside. This behaviour can be overriden by shouldAcceptDrop function. See below. lockAxis string undefined Locks the movement axis of the dragging. Possible values are x , y or undefined . dragHandleSelector string undefined Css selector to test for enabling dragging. If not given item can be grabbed from anywhere in its boundaries. nonDragAreaSelector string undefined Css selector to prevent dragging. Can be","default_branch":null,"files":null,"tree":[],"storefront":"/r/kutlugsahin","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/kutlugsahin/react-smooth-dnd/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}