Eslint-plugin-react: Rule proposal: jsx-padded-children

[dimitarnestorov]

Something similar to padded-blocks where it disallows code similar to this:

<div>

  <img />
</div>

Depending on the setting the following should not throw a warning:

// jsx-padded-children: [2, "always"]
<div>

  <img />

</div>

// jsx-padded-children: [2, "never"]
<div>
  <img />
</div>

Not sure if anyone ever would pick up always, that's why I'm also down for jsx-no-padded-children or something like that

[ljharb]

I think both options are a good idea.

[ljharb]

@joshuakelly go for it, that's what the "help wanted" label is for :-)

[golopot]

I closed my pr #2211. Feel free to pick this up.

[mbalc]

any plans for someone to add this?