@ws-ui/craftjs-layers

A Photoshop-like layers panel for your page editor.

Documentation

Craft.js

Usage

yarn add @ws-ui/craftjs-layers styled-components

import React from "react";
import {Editor} from "@ws-ui/craftjs-core"
import {Layers} from "@ws-ui/craftjs-layers"

export default function App() {
  return (
    <div style={{margin: "0 auto", width: "800px"}}>
      <Typography variant="h5" align="center">A super simple page editor</Typography>
      <Editor resolver={...}>
        <Layers />
      </Editor>
    </div>
  );
}