PHPackages openeuropa/oe\_paragraphs - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. openeuropa/oe\_paragraphs ActiveDrupal-module openeuropa/oe\_paragraphs ========================= Drupal module providing a collection of Paragraph types based on ECL components. 1.32.0(6mo ago)5143.6k↓29.5%6[2 issues](https://github.com/openeuropa/oe_paragraphs/issues)[2 PRs](https://github.com/openeuropa/oe_paragraphs/pulls)4EUPL-1.2PHPPHP >=8.3CI failing Since Jun 14Pushed 2mo ago22 watchersCompare [ Source](https://github.com/openeuropa/oe_paragraphs)[ Packagist](https://packagist.org/packages/openeuropa/oe_paragraphs)[ RSS](/packages/openeuropa-oe-paragraphs/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (10)Dependencies (24)Versions (78)Used By (4) OpenEuropa Paragraphs ===================== [](#openeuropa-paragraphs) [![Build Status](https://camo.githubusercontent.com/52caa4c572a8b8fdc2c28e58e54a92a188029982c8a5268e2f084af15fe3b1a2/68747470733a2f2f64726f6e652e66706669732e65752f6170692f6261646765732f6f70656e6575726f70612f6f655f706172616772617068732f7374617475732e7376673f6272616e63683d6d6173746572)](https://drone.fpfis.eu/openeuropa/oe_paragraphs)[![Packagist](https://camo.githubusercontent.com/9af24c386bdf40a217025c2d1c352b14a74cae95a8b447231efecaee365fc017/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6f70656e6575726f70612f6f655f706172616772617068732e737667)](https://packagist.org/packages/openeuropa/oe_paragraphs) This module provides a number of Paragraph types that are based on a select number of components integrating [ECL](https://github.com/ec-europa/europa-component-library), the component library of the European Commission. These are intended to be used on landing pages of various sites of the European Commission. **Table of contents:** - [Installation](#installation) - [Development setup](#development-setup) - [Contributing](#contributing) - [Versioning](#versioning) Installation ------------ [](#installation) The recommended way of installing the OpenEuropa Authentication module is via [Composer](https://www.drupal.org/docs/develop/using-composer/using-composer-to-manage-drupal-site-dependencies#managing-contributed). ``` composer require openeuropa/oe_paragraphs ``` ### Enable the module [](#enable-the-module) In order to enable the module in your project run: ``` ./vendor/bin/drush en oe_paragraphs ``` Paragraphs ---------- [](#paragraphs) The module provides the following paragraph types: - **Accordion**: The Accordion paragraph is a collection of collapsible items with icon, title and long text required fields. - **Accordion item**: The Accordion item paragraph is a single accordion with icon, title and long text required fields. It is intended to be used exclusively in conjunction with the "Accordion" paragraph. - **Content row**: The Content row paragraph allows editors to group multiple paragraphs together. An in-page navigation can be shown optionally. - **Contextual navigation**: The Contextual navigation paragraph allows editors to add a number of links that helps the user navigate the page. The links, their visibility limit and navigation label can be configured using the available fields. - **Document**: The Document paragraph allows editors to render documents. - **Links block**: The Links block paragraph displays a list of links, with an optional title. It is used for instance with the dropdown component. - **Listing item**: The Listing item paragraph displays content teasers. A list item is available in the following variants: default, date item, highlighted and thumbnail with primary or secondary image. - **Listing item block**: The Listing item block paragraph allows editors to group multiple Listing item paragraphs in one, two or three columns. An optional link can be added to the block. - **Quote**: The Quote paragraph allows editors to add a quotation with quote and its attribution. - **Rich text**: The Rich text paragraph adds an optional title field and a long text field. - **Facts and figures**: The facts and figures paragraph is used to deliver numerical representations of facts that are easier to portray visually through the use of statistics. - **Fact**: Single fact item, to be used exclusively in conjunction with the "Facts and figures" paragraph type. - **Social media follow**: The Social media follow paragraph allows the editor to add a list of social media links. This project also ships with optional submodules, providing optional paragraph types. Check the [`./modules`](./modules)directory for more information. #### Banner [](#banner) Allows editors to create Banners that display a prominent message and related action. To get this paragraph type enable the OpenEuropa Paragraphs Banner submodule. #### Carousel [](#carousel) The paragraph allows editors to create Carousel items similar to a Banner with multiple slides. To get this paragraph type enable the OpenEuropa Paragraphs Carousel submodule. #### Chart [](#chart) Allows editors to create paragraphs that display Webtools chart media entities. To get this paragraph type enable the OpenEuropa Paragraphs Chart submodule. #### Description list [](#description-list) Allows editors to create paragraphs that provide HTML description lists with a heading. To get this paragraph type enable the OpenEuropa Paragraphs Description list submodule. #### Iframe [](#iframe) Allows editors to create paragraphs that display Iframe media entities. To get this paragraph type enable the OpenEuropa Paragraphs Iframe submodule. #### Map [](#map) Allows editors to create paragraphs that display Webtools map media entities. To get this paragraph type enable the OpenEuropa Paragraphs Map submodule. #### Text with feature media [](#text-with-feature-media) Allows editors to create paragraphs that show a rich text with a title and a featured media on the right, if any. To get this paragraph type enable the OpenEuropa Text with featured Media paragraph submodule. #### Social feed - Deprecated (will be removed in 2.0 as the Webtools *smk* service is no longer supported) [](#social-feed---deprecated-will-be-removed-in-20-as-the-webtools-smk-service-is-no-longer-supported) Allows editors to create paragraphs that display Webtools social feed media entities. To get this paragraph type enable the OpenEuropa Paragraphs Social feed submodule. #### Timeline [](#timeline) Allows editors to create paragraphs that display displays concurrent and/or sequential items visually on a time axis. To get this paragraph type enable the OpenEuropa Paragraphs Timeline submodule. Development setup ----------------- [](#development-setup) You can build a test site by running the following steps. - Install all the composer dependencies: ``` composer install ``` - Customize build settings by copying `runner.yml.dist` to `runner.yml` and changing relevant values. - Install test site by running: ``` ./vendor/bin/run drupal:site-install ``` Your test site will be available at `./build`. **Please note:** project files and directories are symlinked within the test site by using the [OpenEuropa Task Runner's Drupal project symlink](https://github.com/openeuropa/task-runner-drupal-project-symlink) command. If you add a new file or directory in the root of the project, you need to re-run `drupal:site-setup` in order to make sure they are be correctly symlinked. If you don't want to re-run a full site setup for that, you can simply run: ``` $ ./vendor/bin/run drupal:symlink-project ``` ### Using Docker Compose [](#using-docker-compose) Alternatively, you can build a development site using [Docker](https://www.docker.com/get-docker) and [Docker Compose](https://docs.docker.com/compose/) with the provided configuration. Docker provides the necessary services and tools such as a web server and a database server to get the site running, regardless of your local host configuration. #### Requirements: [](#requirements) - [Docker](https://www.docker.com/get-docker) - [Docker Compose](https://docs.docker.com/compose/) #### Configuration [](#configuration) By default, Docker Compose reads two files, a `docker-compose.yml` and an optional `docker-compose.override.yml` file. By convention, the `docker-compose.yml` contains your base configuration and it's provided by default. The override file, as its name implies, can contain configuration overrides for existing services or entirely new services. If a service is defined in both files, Docker Compose merges the configurations. Find more information on Docker Compose extension mechanism on [the official Docker Compose documentation](https://docs.docker.com/compose/extends/). #### Usage [](#usage) To start, run: ``` docker-compose up ``` It's advised to not daemonize `docker-compose` so you can turn it off (`CTRL+C`) quickly when you're done working. However, if you'd like to daemonize it, you have to add the flag `-d`: ``` docker-compose up -d ``` Then: ``` docker-compose exec web composer install docker-compose exec web ./vendor/bin/run drupal:site-install ``` Using default configuration, the development site files should be available in the `build` directory and the development site should be available at: . #### Running the tests [](#running-the-tests) To run the grumphp checks: ``` docker-compose exec web ./vendor/bin/grumphp run ``` To run the phpunit tests: ``` docker-compose exec web ./vendor/bin/phpunit ``` To run the behat tests: ``` docker-compose exec web ./vendor/bin/behat ``` #### Step debugging [](#step-debugging) To enable step debugging from the command line, pass the `XDEBUG_SESSION` environment variable with any value to the container: ``` docker-compose exec -e XDEBUG_SESSION=1 web ``` Please note that, starting from XDebug 3, a connection error message will be outputted in the console if the variable is set but your client is not listening for debugging connections. The error message will cause false negatives for PHPUnit tests. To initiate step debugging from the browser, set the correct cookie using a browser extension or a bookmarklet like the ones generated at . Contributing ------------ [](#contributing) Please read [the full documentation](https://github.com/openeuropa/openeuropa) for details on our code of conduct, and the process for submitting pull requests to us. Versioning ---------- [](#versioning) We use [SemVer](http://semver.org/) for versioning. For the available versions, see the [tags on this repository](https://github.com/openeuropa/oe_paragraphs/tags). Upgrade to 1.27.0 ----------------- [](#upgrade-to-1270) In 1.27.0 the requirement of the contrib [allowed\_formats](https://www.drupal.org/project/allowed_formats) module has been removed. When upgrading to this version, specifically require the contrib module in your project's code base and uninstall the module. This should be released and then the requirement can be safely removed in a feature release. ### Health Score 62 — FairBetter than 99% of packages Maintenance71 Regular maintenance activity Popularity39 Limited adoption so far Community34 Small or concentrated contributor base Maturity93 Battle-tested with a long release history Bus Factor4 4 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~54 days Recently: every ~44 days Total 51 Last Release 182d ago Major Versions 0.6.0 → 1.0.0-beta12019-05-15 PHP version history (7 changes)0.1.0PHP ^7.1 1.4.0PHP >=7.2 1.8.0PHP >=7.3 1.11.0PHP >=7.4 1.18.0PHP >=8.0 1.22.0PHP >=8.1 1.31.0PHP >=8.3 ### Community Maintainers ![](https://www.gravatar.com/avatar/8562a7045bde4094cf1252195ae47001970518ed7281b9e13caa6b6ffea03a5b?d=identicon)[ademarco](/maintainers/ademarco) ![](https://www.gravatar.com/avatar/d3b1f4079f9a82f6dd88fe6577d1256b4ecbbccbcd4a4ec9bea7c2fd6f72b99a?d=identicon)[DIGIT-CORE](/maintainers/DIGIT-CORE) --- Top Contributors [![22Alexandra](https://avatars.githubusercontent.com/u/22908988?v=4)](https://github.com/22Alexandra "22Alexandra (164 commits)")[![brummbar](https://avatars.githubusercontent.com/u/8488617?v=4)](https://github.com/brummbar "brummbar (141 commits)")[![nagyad](https://avatars.githubusercontent.com/u/22004498?v=4)](https://github.com/nagyad "nagyad (119 commits)")[![ademarco](https://avatars.githubusercontent.com/u/153362?v=4)](https://github.com/ademarco "ademarco (68 commits)")[![imanoleguskiza](https://avatars.githubusercontent.com/u/14978592?v=4)](https://github.com/imanoleguskiza "imanoleguskiza (66 commits)")[![sergepavle](https://avatars.githubusercontent.com/u/9432036?v=4)](https://github.com/sergepavle "sergepavle (49 commits)")[![upchuk](https://avatars.githubusercontent.com/u/5848933?v=4)](https://github.com/upchuk "upchuk (40 commits)")[![abel-santos-corral](https://avatars.githubusercontent.com/u/34939110?v=4)](https://github.com/abel-santos-corral "abel-santos-corral (39 commits)")[![yenyasinn](https://avatars.githubusercontent.com/u/1183951?v=4)](https://github.com/yenyasinn "yenyasinn (36 commits)")[![GilNovacomm](https://avatars.githubusercontent.com/u/57403283?v=4)](https://github.com/GilNovacomm "GilNovacomm (28 commits)")[![pfrenssen](https://avatars.githubusercontent.com/u/442924?v=4)](https://github.com/pfrenssen "pfrenssen (17 commits)")[![voidtek](https://avatars.githubusercontent.com/u/186827?v=4)](https://github.com/voidtek "voidtek (17 commits)")[![hernani](https://avatars.githubusercontent.com/u/707860?v=4)](https://github.com/hernani "hernani (15 commits)")[![drupol](https://avatars.githubusercontent.com/u/252042?v=4)](https://github.com/drupol "drupol (14 commits)")[![aritomelo](https://avatars.githubusercontent.com/u/9381722?v=4)](https://github.com/aritomelo "aritomelo (9 commits)")[![kp77](https://avatars.githubusercontent.com/u/648045?v=4)](https://github.com/kp77 "kp77 (8 commits)")[![saidatom](https://avatars.githubusercontent.com/u/2377368?v=4)](https://github.com/saidatom "saidatom (5 commits)")[![drishu](https://avatars.githubusercontent.com/u/11507647?v=4)](https://github.com/drishu "drishu (4 commits)")[![intelektron](https://avatars.githubusercontent.com/u/3647601?v=4)](https://github.com/intelektron "intelektron (3 commits)")[![donquixote](https://avatars.githubusercontent.com/u/150032?v=4)](https://github.com/donquixote "donquixote (3 commits)") ### Embed Badge ![Health badge](/badges/openeuropa-oe-paragraphs/health.svg) ``` [![Health](https://phpackages.com/badges/openeuropa-oe-paragraphs/health.svg)](https://phpackages.com/packages/openeuropa-oe-paragraphs) ``` ### Alternatives [farmos/farmos A web-based farm record keeping application. 1.2k6.7k1](/packages/farmos-farmos)[goalgorilla/open_social Open Social is a distribution for building social communities and intranets. 190458.8k](/packages/goalgorilla-open-social)[thunder/thunder-distribution The thunder distribution 50634.8k3](/packages/thunder-thunder-distribution)[drupalwxt/wxt Project template for Drupal 10 sites built with the WxT distribution. 29159.8k8](/packages/drupalwxt-wxt)[droptica/droopler Droopler - SEO Friendly CMS & Site Builder - is a Drupal-based website builder that helps you create beautiful, fast, and easy-to-manage websites 6543.1k1](/packages/droptica-droopler) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)