ESLint plugin
The essential plugin for use with the Atlassian Design System.no-html-checkbox
Don't use native HTML checkboxes. The Atlassian Design System provides a ready-made checkbox component that includes event tracking, ensures accessible implementations, and provides access to ADS styling features like design tokens.
Use the Atlassian Design System Checkbox, (opens new window) component when suitable.
Examples
This rule marks code as violations when it finds native HTML checkbox elements.
Incorrect
<label>
Remember me
<input type="checkbox" id="remember-me" />
^^^^^ Using a native checkbox input
</label>Correct
import { Checkbox } from '@atlaskit/checkbox';
<Checkbox value="remember-me" label="Remember me" name="remember-me" />;