test-simplo v0.0.1

Installation

General

1. Add the test-simplo package

# yarn
yarn add test-simplo

# npm
npm install test-simplo --save

2. Use the package

import {SimplloBuilder} from "test-simplo";

new SimplloBuilder({
    dropContainer: 'dropzone',
    dropIndicator: 'drop-here-indicator'
})

3. Profit 🕺

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
        crossorigin="anonymous"></script>
>

<!--Left sidebar-->
<div class="components_contain" ></div>

<!--Content-->
<div id="drop-here-indicator"></div>
<div id="dropzone" class="dropzone"></div>

<!--Right Sidebar-->
<div id="builder-props-title"></div>
<div id="builder-props-content"></div>
<div id="builder-props-attribute"></div>
<div id="builder-style-content"></div>
<div id="builder-class-content"></div>
<div id="builder-class-list"></div>
<p class="tabPageName"></p>
<input class="form-control text-left global-set" id="page_title" placeholder="Page Title" />
<input class="form-control text-left global-set" id="seo_description" placeholder="SEO description" />
<input class="form-control text-left global-set" id="seo_keyword" placeholder="SEO Keywords" />
<input class="form-control text-left global-set" id="external_js_url" placeholder="EXTERNAL JS URL" />
<input class="form-control text-left global-set" id="external_css_url" placeholder="EXTERNAL CSS URL" /