ESLint plugin

The essential plugin for use with the Atlassian Design System.

no-physical-properties

Disallows using physical properties. Physical properties prevent correct support for different reading modes and languages and should be avoided. Rule will autofix applicable physical properties to instead use logical properties, (opens new window).

Examples

This rule checks for physical property usage inside of css function calls.

Incorrect

css({
    left: 0,
    right: 0,
    top: 0,
    bottom: 0,
});

css({
    marginLeft: 0,
});

css({
    textAlign: 'left',
});

Correct

css({
    inset: 0,
});

css({
    marginInlineStart: 0,
});

css({
    textAlign: 'start',
});

Was this page helpful?

We use this feedback to improve our documentation.