jsx-attribute-align.md

spiff/jsx-attribute-align

Align the attributes of multi-line JSX elements.

• ⭐️ This rule is included in plugin:spiff/recommended preset.
• ✒️ The --fix option on the command line can automatically fix some of the problems reported by this rule.

Rule Details

Correct:

<MultiLine
  key    = "key"
  banana = {<Inner i="i" />}
/>

<MultiLine
  key   = "key"
  count = {42}
/>

<MultiLine
  id     = {id}
  banana = {<Inner i="i" />}
/>

Incorrect:

<MultiLine
  key="key"
  banana={<Inner i="i" />}
/>

<MultiLine
  key  ="key"
  count={42}
/>

<MultiLine
  id =     {id}
  banana = {<Inner i="i" />}
/>

Implementation

• Rule source
• Test source