ESLint plugin

The essential plugin for use with the Atlassian Design System.

no-html-textarea

Don't use native HTML textarea elements. The Atlassian Design System provides a ready-made textarea component that includes event tracking, ensures accessible implementations, and provides access to ADS styling features like design tokens.

Use the Atlassian Design System Textarea component when suitable.

Examples

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

Incorrect

<label htmlFor="textarea">Share your feedback</label>
<textarea id="textarea"></textarea>
 ^^^^^^^^ Using a native HTML `<textarea>`

Correct

import Textarea from '@atlaskit/textarea';

<label htmlFor="textarea">Share your feedback</label>
<Textarea id="textarea" />

Was this page helpful?

We use this feedback to improve our documentation.