import { Layout } from '@/layout'; import { MDX_DATA } from '@/mdx';

export default Layout(MDX_DATA.EslintConfig);

Mantine ESLint config

eslint-config-mantine is a set of ESLint rules and configurations used in Mantine projects. You can use it in your project to ensure that your code follows the same style and conventions as Mantine.

Installation

Mantine ESLint config requires ESLint 9 or higher:

Usage

Add the following configuration to your eslint.config.mjs:

import mantine from 'eslint-config-mantine';
import tseslint from 'typescript-eslint';

export default tseslint.config(
  ...mantine,
  { ignores: ['**/*.{mjs,cjs,js,d.ts,d.mts}'] },
);

Rules and source code

Mantine ESLint config extends recommended ESLint, typescript-eslint and eslint-plugin-jsx-a11y rules and adds custom rules and configurations. You can find the full list of rules and source code in the eslint-config-mantine repository.