GithubHelp home page GithubHelp logo

keermanish / react-page-maker Goto Github PK

View Code? Open in Web Editor NEW
65.0 4.0 13.0 1.37 MB

A drag-drop featured lib which will help you to build the layout and generate the markup or JSON out of it

JavaScript 93.17% CSS 6.83%
layout-builder drag-drop markup-builder react javascript

react-page-maker's People

Contributors

keermanish avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

react-page-maker's Issues

Provide styling of elements on update

I tried to provide styling to an element. It got applied when i tried in "onDrop" method so element gets rendered with initial styling given. But when tried to update that in "updateElement" , nothing happened. As I see in docs, currently only {name, type, payload} can be updated.

It would be great to make scalable component for pages to give support of styling/css properties.

Updating state programatically

How can I update the state programatically? I want the payload props to change once I finish 'editing' a draggable component.

Drop issues with the library

Issues dragging and dropping the elements in the dropzone, sometimes when i drag an item and drop it doesn't get the position correctly and it makes the whole experience not smooth.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.