The configuration files used for Element Framework

Usage no npm install needed!

<script type="module">
  import refinitivUiConfigurations from 'https://cdn.skypack.dev/@refinitiv-ui/configurations';


Element Framework Configurations

The package contains eslint and TypeScript configurations used for Element Framework development.

Use ESLint to lint your es6 code.

Use TypeScript to keep the code easier to deploy, read and debug.

Configurations are used across all Element Framework components for consistency and code quality.


npm install @refinitiv-ui/configurations --save-dev

This will install the following files:

  • eslint-config.js - generic ESLint configuration
  • typescript.eslint-config.js - extends of eslint-config.js with support of recommended linting for TypeScript
  • tsconfig.json - development TypeScript parser configurations to meet ES6 specs
  • prod.tsconfig.json- extends tsconfig.json to provide production configurations

You can override/use your own files to meet project requirements.

TypeScript support

Below configurations are used with TypeScript (Element Framework v5).


Your project level (local) .eslintrc:

  "root": true,
  "extends": [
  "parserOptions": {
    "project": "./tsconfig.json"

eslint from version 6 does not support global modules and cannot resolve extensions by generic package name. Therefore you must ensure that extends contain the full path to the location of this module.


Your project level tsconfig.json:

  "extends": "@refinitiv-ui/configurations/tsconfig.json"

No TypeScript support

Below configurations are used when TypeScript is not required.


Your project level (local) .eslintrc:

  "root": true,
  "extends": ["./node_modules/@refinitiv-ui/configurations/eslint-config.js"]


Modern IDE should pick up configurations automatically and apply to the project.