jsx-max-props-per-line

Hey All, new to typescript and JS has this jsx rule for formatting the structure of JSX props. I would like this:

<img src={logo} className={style.appLogo} alt="logo" />

to look like:

      <img 
        src={logo} 
        className={style.appLogo} 
        alt="logo"
     />
    // or
    <img src={logo} 
         className={style.appLogo} 
         alt="logo" />

with the closing tag and opening prop optionally on a new line.

I think it would work with jsx-alignment for aligning the props.

Is there any possibility to get something like this setup already? Note that if I have multiple props, or long props, that softwrap it results in the first formatting above. However I’d like to define the maximum number of props on a line before it wraps (1 in the above examples).