https://github.com/kitconcept/volto-block-template

https://github.com/kitconcept/volto-block-template

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/kitconcept/volto-block-template
• Owner: kitconcept
• License: mit
• Created: 2022-03-18T11:21:48.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-03-18T11:29:14.000Z (about 4 years ago)
• Last Synced: 2026-02-17T11:31:37.967Z (4 months ago)
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Volto Example Block 

[![NPM](https://img.shields.io/npm/v/@kitconcept/volto-separator-block.svg)](https://www.npmjs.com/package/@kitconcept/volto-separator-block)

[![Build Status](https://github.com/kitconcept/volto-blocks-grid/actions/workflows/code.yml/badge.svg)](https://github.com/kitconcept/volto-blocks-grid/actions)

[![Build Status](https://github.com/kitconcept/volto-blocks-grid/actions/workflows/unit.yml/badge.svg)](https://github.com/kitconcept/volto-blocks-grid/actions)

[![Build Status](https://github.com/kitconcept/volto-blocks-grid/actions/workflows/acceptance.yml/badge.svg)](https://github.com/kitconcept/volto-blocks-grid/actions)

![kitconcept GmbH](https://github.com/kitconcept/volto-blocks/raw/master/kitconcept.png)

The Volto Separator Block allows editors to add visual separators between blocks.

## Screenshot

![Separator-Block](https://github.com/kitconcept/volto-blocks/blob/b13fbd5fff1bae0aa4df9577454dfd0796858133/packages/volto-separator-block/volto-separator-block.png)

## Screencast

![Separator-Block](https://github.com/kitconcept/volto-blocks/blob/b13fbd5fff1bae0aa4df9577454dfd0796858133/packages/volto-separator-block/volto-separator-block.gif)

## Installation

Create a new Volto project (you can skip this step if you already have one):

```

npm install -g yo @plone/generator-volto

yo @plone/volto my-volto-project --addon @kitconcept/volto-separator-block

cd my-volto-project

```

Add `@kitconcept-volto-separator-block`to your package.json:

```

"addons": [

    "@kitconcept/volto-separator-block"

],

"dependencies": {

    "@kitconcept/volto-separator-block": "*"

}

```

Download and install the new add-on by running:

```

yarn install

```

Start Volto with:

```

yarn start

```

Go to http://localhost:3000, login, create a new page. The separator block will show up in the Volto blocks chooser.

# Credits



The development of this plugin has been kindly sponsored by [Forschungszentrum Jülich](https://fz-juelich.de).

# License

The project is licensed under the MIT license.