UI Styling Standard

The eslint plugin to enforce and educate on Atlassian's UI Styling Standard

no-array-arguments

Blocks passing array arguments to style declaration functions.

import { css } from '@compiled/react';

const styles = css([{ width: 100 }, { height: 100 }]);

import { styled } from '@compiled/react';

const styles = css([{ width: 100 }, ...items]);

import { css } from '@compiled/react';

const styles = css({ width: 100 }, { height: 100 });

import { css } from '@compiled/react';

const styles = css({ width: 100 }, ...items);

By default, this rule will check styles using:

Override this list with the importSources option, which accepts an array of package names.

We use this feedback to improve our documentation.