ESLint plugin

The essential plugin for use with the Atlassian Design System.

prefer-primitives

Using primitives allows you to delete bespoke component code and replace it with ready made solutions made by the Atlassian Design System Team.

This rule marks code as violations when it may be able to be replaced with a primitive component.

<div />
^^^^^^^

<Component>
  <div css={someStyles}></div>
  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
</Component>

<Box />

<Component>
    <Box xcss={someStyles}></Box>
</Component>

We use this feedback to improve our documentation.