Estoy tratando de implementar un componente compuesto que muestre los detalles de información de un usuario en texto plano o los muestre a través de campos de texto de entrada editables si los detalles deseados son los del usuario actualmente conectado.

Sé que todos los componentes de la interfaz de usuario se pueden representar a través de prestados atributo, pero ¿qué pasa con los que no son componentes de la interfaz de usuario (por ejemplo, divs)

<div class = "userDetails" rendered = "#{cc.attrs.value.id != sessionController.authUser.id}">
    Name: #{cc.attrs.value.name}
    Details: #{cc.attrs.value.details}
</div>

<div class = "userDetails" rendered = "#{cc.attrs.value.id == sessionController.authUser.id}">
    <h:form>
        ...
    </h:form>
</div>

Sé que el div no tiene el atributo representado y probablemente no estoy tomando el enfoque correcto en absoluto. Podría usar fácilmente una etiqueta JSTL pero quiero evitar eso.