diff --git a/packages/eslint-plugin/index.js b/packages/eslint-plugin/index.js index e82fb4dfead..9f0f55cc85f 100644 --- a/packages/eslint-plugin/index.js +++ b/packages/eslint-plugin/index.js @@ -25,7 +25,7 @@ module.exports = { recommended: { plugins: ['@elastic/eslint-plugin-eui'], rules: { - '@elastic/eui/href-or-on-click': 'error', + '@elastic/eui/href-or-on-click': 'warn', }, }, }, diff --git a/packages/eslint-plugin/rules/href_or_on_click.js b/packages/eslint-plugin/rules/href_or_on_click.js index e0960ae1f65..7109e693159 100644 --- a/packages/eslint-plugin/rules/href_or_on_click.js +++ b/packages/eslint-plugin/rules/href_or_on_click.js @@ -24,7 +24,7 @@ module.exports = { if (hasHref && hasOnClick) { context.report( node, - `<${node.name.name}> accepts either \`href\` or \`onClick\`, not both.` + `<${node.name.name}> supplied with both \`href\` and \`onClick\`; is this intentional? (Valid use cases include programmatic navigation via \`onClick\` while preserving "Open in new tab" style functionality via \`href\`.)` ); } },