Home  >  Article  >  Web Front-end  >  Detailed explanation of React component Dragact 0.1.4

Detailed explanation of React component Dragact 0.1.4

小云云
小云云Original
2018-02-23 13:15:471900browse

Dragact is a React component that allows you to easily and quickly build a powerful drag-and-drop grid layout.

Warehouse address: Dragact

After several days of iteration, Dragact has been able to support the free scaling function (resize)

Without further ado, let’s take a look at the demo

New feature 1: Free resizing

Detailed explanation of React component Dragact 0.1.4

Freely scalable layout

New feature 2: getLayout gets the current layout information

In the live demo, I am new Added a fourth demo

Detailed explanation of React component Dragact 0.1.4

Detailed explanation of React component Dragact 0.1.4

##After clicking, you can see a layout , this layout has storage capabilities, that is, when you refresh the browser, its layout effect will not disappear, whether it is position or image size.

Next version

In the next version, I will support it

  • Responsive

  • Freely switch drag and zoom

  • Can also be operated on mobile phones

Warehouse address: Dragact

Preview: live Demo

Thank you for your support.

Related recommendations:

React drag sorting component Dragact detailed explanation

The above is the detailed content of Detailed explanation of React component Dragact 0.1.4. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn