/volto-accordion-block

Accordion block for Volto

Primary LanguageJavaScriptMIT LicenseMIT

volto-accordion-block

Releases

Volto add-on

Features

Volto block type question and answer (FAQ)

FAQ as accordion: FAQ as accordion

Editing the FAQ: Editing the FAQ

Getting started

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

    npm install -g yo @plone/generator-volto
    yo @plone/volto
    
  2. Update package.json:

    "addons": [
        "@rohberg/volto-accordion-block"
    ],
    
    "dependencies": {
        "@rohberg/volto-accordion-block": "*"
    }
  3. Install new add-on and restart Volto:

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

  5. Login and edit a page by adding a block of type FAQ

Author

Katja Süss, Rohberg (@ksuess)

Training

If you are new to Volto (Plone 6):

See the training Mastering of Plone 6 development where I use this use case and code to explain how to create a custom block type and how to create a Volto add-on.