There are a lot of libraries out there that allow for drag and drop interactions within React. 🎧 React podcast: fast, accessible and beautiful drag and drop.For a good overview of the history and motivations of the project you can take a look at these external resources: React-beautiful-dnd exists to create beautiful drag and drop for lists that anyone can use - even people who cannot see. Plays well with nested interactive elements by default.Server side rendering (SSR) compatible - see resetServerContext().Independent nested lists - a list can be a child of another list, but you cannot drag items from the parent list into a child list.A list can be a scroll container (without a scrollable parent) or be the child of a scroll container (that also does not have a scrollable parent).Allows extensions to support for any input type you like 🕹.
Custom drag handles - you can drag a whole item by just a part of it.Auto scrolling - automatically scroll containers and the window as required during a drag (even with keyboard 🔥).Compatible with semantic reordering - table pattern.Flexible item sizes - the draggable items can have different heights (vertical lists) or widths (horizontal lists).Multiple independent lists on the one page.Conditional dragging and conditional dropping.We also provide complete customisation control and internationalisation support for those who need it 💖 Incredible screen reader support ♿️ - we provide an amazing experience for english screen readers out of the box 📦.Mouse 🐭, keyboard 🎹 ♿️ and touch 👉 📱 (mobile, tablet and so on) support.Virtual list support 👾 - unlocking 10,000 items 60fps.
#D&D STAT TRANSFER FREE#
We have created a free course on egghead.io 🥚 to help you get started with react-beautiful-dnd as quickly as possible. No creation of additional wrapper dom nodes - flexbox and focus management friendly!.Plays extremely well with standard browser interactions.Clean and powerful api which is simple to get started with.Accessible: powerful keyboard and screen reader support ♿️.Beautiful and natural movement of items 💐.Play with this example if you want! Core characteristics Beautiful and accessible drag and drop for lists with React
0 kommentar(er)
