title: How to conditionally render plain HTML elements like <div>s?
body: <p>I'm trying to implement a composite component which either displays the information details of a user in plain text or displays them through editable input texts fields if the desired details are those of the user currently connected.</p>
  
  <p>I know that al UI Components can be rendered via the <em>rendered</em> attribute but what about the ones which are not UI Components <em>(for example divs)</em></p>
  
  <pre><code>&lt;div class = "userDetails" rendered = "#{cc.attrs.value.id != sessionController.authUser.id}"&gt;
      Name: #{cc.attrs.value.name}
      Details: #{cc.attrs.value.details}
  &lt;/div&gt;
  
  &lt;div class = "userDetails" rendered = "#{cc.attrs.value.id == sessionController.authUser.id}"&gt;
      &lt;h:form&gt;
          ...
      &lt;/h:form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I know that the div doesn't have the rendered attribute and probably I'm not taknig the right approach at all. I could very easily use an  JSTL tag but I want to avoid that.</p>