title: Adding core-ui disabled attribute conditional to fieldset tag inside form component
body: <p>I'm working with a react spring-boot codebase that uses core-ui for frontend I am needing to disable all form fields if form is in use. I have added an isLocked attribute to the backend table and can get the value on the page I need to disable the fields on. I have tried severals approaches but none seem to work.</p>
  
  <p>I've tried </p>
  
  <pre><code>&lt;fieldset {isDisabled} &gt;
  </code></pre>
  
  <p>but get error
      Parsing error: Unexpected token, expected "..."</p>
  
  <pre><code>&lt;fieldset {data.isLocked ? 'disabled' : null} &gt;
  </code></pre>
  
  <p>but also throws similar error</p>
  
  <p>I have to use </p>
  
  <pre><code>&lt;fieldset disabled &gt;
  </code></pre>
  
  <p>because core-ui fieldset disabled does not work any other way see link
  <a href="https://coreui.io/docs/components/forms/#disabled-forms" rel="nofollow noreferrer">https://coreui.io/docs/components/forms/#disabled-forms</a></p>
  
  <p>If anybody has any suggestions please advise</p>
  
  <p>I've tried like this but get error</p>
  
  <pre><code>{ data.isLocked &amp;&amp; &lt;fieldset disabled  &gt;}
  
    Line 2320:  Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment &lt;&gt;...&lt;/&gt;?
  
    2318 |                               &lt;/Content&gt;
    2319 |                               &lt;/fieldset&gt;
  &gt; 2320 |                           &lt;/Form&gt;
         |                           ^
    2321 |                       &lt;/div&gt;
  </code></pre>