Closing > in new line

Question

I have problem with '>' in tags. I got:

<label
    class="custom-control-label"
    for="building{{building.Id}}"
>
 {{ building.City }}, {{ building.Name }}
</label>

How to make label starting tag '>' in the same line as last attribute? I use Prettier, but I neither couldn't find solution in their config nor in code settings.

<label
   class="custom-control-label"
   for="building{{building.Id}}">
     {{ building.City }}, {{ building.Name }}
</label>

Solution: I've used built-in VS Code formatter.

Answer 1

In Prettier < 2.4.0:

• Add jsxBracketSameLine: true in your Prettier settings.

In Prettier >= 2.4., jsxBracketSameLine is deprecated, so:

• Add bracketSameLine: true in your Prettier settings.

You can refer to the official documentation for more information.

Answer 2

That setting in prettier is called jsxBracketSameLine and needs to be set to true

Documentation

https://prettier.io/docs/en/options.html#jsx-brackets

Answer 3

You can follow this thread.

This a feature request for Prettier.