JarCasting
JarCasting JarCasting

grapesjs-blocks-flexbox

WebJar for grapesjs-blocks-flexbox

License

License

BSD 3-Clause
Categories

Categories

JavaScript Languages
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

grapesjs-blocks-flexbox
Last Version

Last Version

0.1.1
Release Date

Release Date
Type

Type

jar
Description

Description

grapesjs-blocks-flexbox
WebJar for grapesjs-blocks-flexbox
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/artf/grapesjs-blocks-flexbox

Download grapesjs-blocks-flexbox

Filename Size
grapesjs-blocks-flexbox-0.1.1.pom
grapesjs-blocks-flexbox-0.1.1.jar 10 KB
grapesjs-blocks-flexbox-0.1.1-sources.jar 22 bytes
grapesjs-blocks-flexbox-0.1.1-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-blocks-flexbox/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>grapesjs-blocks-flexbox</artifactId>
    <version>0.1.1</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-blocks-flexbox/
implementation 'org.webjars.npm:grapesjs-blocks-flexbox:0.1.1'
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-blocks-flexbox/
implementation ("org.webjars.npm:grapesjs-blocks-flexbox:0.1.1")
'org.webjars.npm:grapesjs-blocks-flexbox:jar:0.1.1'
<dependency org="org.webjars.npm" name="grapesjs-blocks-flexbox" rev="0.1.1">
  <artifact name="grapesjs-blocks-flexbox" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='grapesjs-blocks-flexbox', version='0.1.1')
)
libraryDependencies += "org.webjars.npm" % "grapesjs-blocks-flexbox" % "0.1.1"
[org.webjars.npm/grapesjs-blocks-flexbox "0.1.1"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

GrapesJS Blocks Flexbox

This plugin adds the Flexbox block which allows creating easily flexible and responsive columns

Demo

Summary

  • Plugin name: gjs-blocks-flexbox
  • Blocks
    • flexbox

Options

Option Description Default
stylePrefix Classes prefix ''
flexboxBlock Use this to extend the default flexbox block {}
labelRow Row label Row
labelColumn Column label Column

Download

  • CDN
    • https://unpkg.com/grapesjs-blocks-flexbox
  • NPM
    • npm i grapesjs-blocks-flexbox
  • GIT
    • git clone https://github.com/artf/grapesjs-blocks-flexbox.git

Usage

<link href="https://unpkg.com/grapesjs/dist/css/grapes.min.css" rel="stylesheet"/>
<script src="https://unpkg.com/grapesjs"></script>
<script src="path/to/grapesjs-blocks-flexbox.min.js"></script>

<div id="gjs"></div>

<script type="text/javascript">
  var editor = grapesjs.init({
      container : '#gjs',
      ...
      plugins: ['gjs-blocks-flexbox'],
      pluginsOpts: {
        'gjs-blocks-flexbox': {
          // options
        }
      }
  });
</script>

Development

Clone the repository

$ git clone https://github.com/artf/grapesjs-blocks-flexbox.git
$ cd grapesjs-blocks-flexbox

Install dependencies

$ npm i

The plugin relies on GrapesJS via peerDependencies so you have to install it manually (without adding it to package.json)

$ npm i grapesjs --no-save

Start the dev server

$ npm start

License

BSD 3-Clause

Versions

Version
0.1.1