CODEWITHSUNDEEP
javascriptreactjsprettier
Shamah
Shamah

Reputation: 71

How to config Prettier to line break className attribute in React

This is the original code with Prettier applied:

<div
  role="menubar"
  className="absolute top-0 left-0 z-50 h-0 mt-10 grid grid-cols-3 gap-x-3 gap-y-5 "
>
</div>

This is my expected code result:

<div
  role="menubar"
  className="absolute top-0 left-0 z-50 
             h-0 mt-10 grid grid-cols-3 
             gap-x-3 gap-y-5 "
>
</div>

Could anyone recommend the solution?

Upvotes: 1

Views: 1291

Answers (1)

JMS
JMS

Reputation: 61

Check out the Print Width attribute in prettier.

It allows you to specify after how many letters the line should wrap.

Upvotes: -1

Related Questions