Package Exports

grapesjs-blocks-flexbox
grapesjs-blocks-flexbox/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (grapesjs-blocks-flexbox) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

GrapesJS Blocks Flexbox

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

Demo

Summary

Plugin name: grapesjs-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/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: ['grapesjs-blocks-flexbox'],
      pluginsOpts: {
        'grapesjs-blocks-flexbox': {
          // options
        }
      }
  });
</script>

Development

Clone the repository

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

Install dependencies

$ npm i

Start the dev server

$ npm start

License

BSD 3-Clause