Europa Component Library

screenshot of Europa Component Library
react

ECL - Europa Component Library

Overview:

The Europa Component Library (ECL) is a library of components that can be used to build websites for the European Commission and European Union. It contains a variety of components, each with documentation, demos, and code examples. The library is designed to be compatible with node version 16.14.0 and provides various presets for different needs. Additionally, it is important to note that the library uses Pikaday, which requires the use of moment.js. Help and support for using the ECL can be obtained from COMM Europa Management.

Features:

  • Library of components applicable to European Commission and European Union websites
  • Components accompanied by documentation, demos, and code examples
  • Compatibility with node version 16.14.0
  • Various presets available to accommodate different needs
  • Uses Pikaday, which requires the use of moment.js
  • Support available from COMM Europa Management
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.