ESLint plugin

The essential plugin for use with the Atlassian Design System.

no-html-code

Don't use native HTML code element. The Atlassian Design System provides a ready-made code component that ensures accessible implementations and consistent ADS styling.

Use the Atlassian Design System Code component when suitable.

Examples

This rule marks code as violations when it finds native HTML code elements.

Incorrect

<code>yarn changeset</code>
 ^^^^ Using a native HTML `<code>`

Correct

import { Code } from '@atlaskit/code';

<Code>yarn changeset</Code>;
Was this page helpful?
We use this feedback to improve our documentation.
© 2026 AtlassianTrademark, (opens new window)Privacy, (opens new window)License