tiberiuichim / volto-grid-block

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

volto-grid-block

Releases

This addon enables grid layout grouping of Volto blocks. It introduces a "grid block" which can be used, from the Edit form, to group other blocks. It uses a flex based layout with column css classes. Ex. 'xs-12 sm-6 md-4 lg-3'

Getting started

  1. Create new volto project if you don't already have one:

    $ npm install -g @plone/create-volto-app
    $ create-volto-app my-volto-project
    $ cd my-volto-project
    
  2. Update package.json:

    "addons": [
        "@eeacms/volto-grid-block"
    ],
    
    "dependencies": {
        "@plone/volto": "github:eea/volto#7.11.1-beta.1",
        "@eeacms/volto-grid-block": "github:eea/volto-grid-block#0.1.0"
    }
  3. Install new add-ons and restart Volto:

    $ yarn
    $ yarn start
    
  4. Go to http://localhost:3000

  5. Happy editing!

How to contribute

See DEVELOP.md.

Copyright and license

The Initial Owner of the Original Code is European Environment Agency (EEA). All Rights Reserved.

See LICENSE.md for details.

Funding

European Environment Agency (EU)

About

License:MIT License


Languages

Language:JavaScript 83.8%Language:CSS 16.2%