{"id":13568190,"url":"https://github.com/eea/volto-tabs-block","last_synced_at":"2026-04-09T11:20:24.459Z","repository":{"id":37847368,"uuid":"284963247","full_name":"eea/volto-tabs-block","owner":"eea","description":"This add-on enables ad-hoc grouping of Volto blocks under sections and tabs","archived":false,"fork":false,"pushed_at":"2025-03-12T15:13:32.000Z","size":7745,"stargazers_count":5,"open_issues_count":0,"forks_count":9,"subscribers_count":41,"default_branch":"master","last_synced_at":"2025-04-10T09:19:57.696Z","etag":null,"topics":["addons","plone","volto","volto-addon","volto-block","volto-tabs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eea.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-04T11:47:23.000Z","updated_at":"2025-01-27T11:54:20.000Z","dependencies_parsed_at":"2024-01-14T03:47:49.921Z","dependency_job_id":"db5799cb-8496-4b15-83b5-2b5dbc61069b","html_url":"https://github.com/eea/volto-tabs-block","commit_stats":{"total_commits":264,"total_committers":16,"mean_commits":16.5,"dds":0.7386363636363636,"last_synced_commit":"46d019a4bb6469fbde4c25e7a3cef2a18a12276d"},"previous_names":[],"tags_count":65,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eea%2Fvolto-tabs-block","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eea%2Fvolto-tabs-block/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eea%2Fvolto-tabs-block/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eea%2Fvolto-tabs-block/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eea","download_url":"https://codeload.github.com/eea/volto-tabs-block/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248358555,"owners_count":21090402,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["addons","plone","volto","volto-addon","volto-block","volto-tabs"],"created_at":"2024-08-01T14:00:21.439Z","updated_at":"2026-04-09T11:20:24.427Z","avatar_url":"https://github.com/eea.png","language":"JavaScript","funding_links":[],"categories":["Add-ons"],"sub_categories":["Layout add-ons"],"readme":"# volto-tabs-block\n\n[![Releases](https://img.shields.io/github/v/release/eea/volto-tabs-block)](https://github.com/eea/volto-tabs-block/releases)\n\n[![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-tabs-block%2Fmaster\u0026subject=master)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-tabs-block/job/master/display/redirect)\n[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block\u0026metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block)\n[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block\u0026metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block)\n[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block\u0026metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block)\n[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block\u0026metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block)\n\n[![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-tabs-block%2Fdevelop\u0026subject=develop)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-tabs-block/job/develop/display/redirect)\n[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block\u0026branch=develop\u0026metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block\u0026branch=develop)\n[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block\u0026branch=develop\u0026metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block\u0026branch=develop)\n[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block\u0026branch=develop\u0026metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block\u0026branch=develop)\n[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-tabs-block\u0026branch=develop\u0026metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-tabs-block\u0026branch=develop)\n\n[Volto](https://github.com/plone/volto) add-on\n\n## Features\n\n#### IMPORTANT! Because this depends on @eeacms/volto-block-style, you should always load this addon as the last addon in Volto project configuration or after @eeacms/volto-block-style.\n\n###\n\n![Tabs Block](https://raw.githubusercontent.com/eea/volto-tabs-block/master/docs/volto-tabs-block.gif \"Tabs Block\")\n\n## Getting started\n\n### Try volto-tabs-block with Docker\n\n      git clone https://github.com/eea/volto-tabs-block.git\n      cd volto-tabs-block\n      make\n      make start\n\nGo to http://localhost:3000\n\n`make start` now defaults to Volto 18. To run the same setup against Volto 17, use:\n\n      VOLTO_VERSION=17 make\n      VOLTO_VERSION=17 make start\n\n### Add volto-tabs-block to your Volto project\n\n1. Make sure you have a [Plone backend](https://plone.org/download) up-and-running at http://localhost:8080/Plone\n\n   ```Bash\n   docker compose up backend\n   ```\n\n1. Start Volto frontend\n\n* If you already have a volto project, just update `package.json`:\n\n   ```JSON\n   \"dependencies\": {\n       \"@eeacms/volto-tabs-block\": \"*\"\n   }\n   ```\n\n   and `volto.config.js`:\n\n   ```JavaScript\n   const addons = ['@eeacms/volto-tabs-block'];\n   ```\n\n* If not, create one with Cookieplone, as recommended by the official Plone documentation for Volto 18+:\n\n   ```\n   uvx cookieplone project\n   cd project-title\n   ```\n\n   Then install the add-on in your frontend project. For Cookieplone-based Volto 18 and 19 projects, Plone documents `pnpm` usage:\n\n   ```\n   pnpm --filter \u003cname-of-your-policy-add-on\u003e add @eeacms/volto-tabs-block\n   ```\n\n   Then add `@eeacms/volto-tabs-block` to the `addons` key in your project's `package.json` or declare it in `volto.config.js`.\n\n1. Install or update dependencies, then start the project:\n\n   ```\n   make install\n   ```\n\n   For a Cookieplone project, start the backend and frontend in separate terminals:\n\n   ```\n   make backend-start\n   make frontend-start\n   ```\n\n   For a legacy Volto 17 project, install the package with `yarn` and restart the frontend as usual.\n\n1. Go to http://localhost:3000\n\n1. Happy editing!\n\n## Upgrade\n\n### Upgrading to 10.x\n\n\u003e This version requires `Volto \u003e= 17.18` or `Volto 18+`. It removes the custom `EditBlockWrapper` and uses Volto's built-in block chrome provided by `BlocksForm`.\n\n#### Breaking changes\n\n- **Removed `EditBlockWrapper.jsx`.** Any code importing `EditBlockWrapper` from `@eeacms/volto-tabs-block` will break. Use Volto's built-in `EditBlockWrapper` from `@plone/volto/components/manage/Blocks/Block/EditBlockWrapper` if you need a custom wrapper.\n- **Removed custom edit toolbar styles.** The `edit.less` styles that powered the custom inner block toolbar have been removed. Inner blocks now use Volto's default block chrome.\n\n### Upgrading to 7.0.0\nVersion 7 introduces the following breaking changes:\n- The templates are now `variations` of the default template, so if you have custom templates,\n  you need to update them to be variations of the default template.\n- All variations have `schema enhancers`, see https://github.com/eea/volto-eea-website-theme/blob/develop/src/index.js#L40\n  for example on how to customize the variation schema.\n- Some defaults have been changed, see the `schema.js` files for any default values.\n- Tabs now have the ability to reference an `Image` or use a `Semantic UI` icon within the tab title, even allowing the hiding\n  of the text title.\n- Responsive template no longer uses `react-responsive-tabs` styles but use `accordion` classes when it's transformed into\n  accordion.\n  Bring your own style for the accordion if you want to customize it.\n- Cleaned up styling in favor of `Semantic UI` styling and to bring your own styling.\n- Better `i18n` support for the block especially in edit mode.\n\n\n## Release\n\nSee [RELEASE.md](https://github.com/eea/volto-tabs-block/blob/master/RELEASE.md).\n\n## How to contribute\n\nSee [DEVELOP.md](https://github.com/eea/volto-tabs-block/blob/master/DEVELOP.md).\n\n## Copyright and license\n\nThe Initial Owner of the Original Code is European Environment Agency (EEA).\nAll Rights Reserved.\n\nSee [LICENSE.md](https://github.com/eea/volto-tabs-block/blob/master/LICENSE.md) for details.\n\n## Funding\n\n[European Environment Agency (EU)](http://eea.europa.eu)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feea%2Fvolto-tabs-block","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feea%2Fvolto-tabs-block","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feea%2Fvolto-tabs-block/lists"}