headwind icon indicating copy to clipboard operation
headwind copied to clipboard

Sort classes inside functions

Open CEN-Smart opened this issue 2 years ago • 1 comments

Sort classes inside functions How can we sort classes in a conditional class function.

import classNames from 'classnames'

  <h1 className={classNames(`grid place-items-center min-h-screen`)}>Coming Soon...</h1>

CEN-Smart avatar Jul 16 '23 15:07 CEN-Smart

This kinda works in headwings settings :

"headwind.classRegex": {
   ...
  "typescriptreact": "(?:\\bclassName\\s*=\\s*[\\\"\\']([_a-zA-Z0-9\\s\\-\\:\\/]+)[\\\"\\'])|(?:\\btw\\s*`([_a-zA-Z0-9\\s\\-\\:\\/]*)`)|(?:\\bclassName\\s*=\\s*(?:[^\\'\\\"\\}]+[\\'\\\"]([_a-zA-Z0-9\\s\\-\\:\\/]+)[\\\"\\'])*)"
}

Mheaus avatar Oct 11 '23 15:10 Mheaus