Image

Create an image with <tc:image/>.

Basics

<tc:image value="#{request.contextPath}/image/tobago_head.png"/>

To set the size of an image, <tc:style/> can be used.

<tc:image value="#{request.contextPath}/image/tobago_head.png">
  <tc:style width="20%"/>
</tc:image>

The disabled attribute can be used, to let the picture look more 'disabled'.

Disabled is 'false' by default.

<tc:image disabled="false" value="#{request.contextPath}/image/alps.png"/>

<tc:image disabled="true" value="#{request.contextPath}/image/alps.png"/>

Since Tobago 5 Bootstrap Icons is shipped with Tobago.

<tc:image id="bi" value="bi-emoji-smile"/>

Example:

Font Awesome is not longer shipped with Tobago. But it is stil integratable, like in this demo. You need to add the resources manually.

<tc:image id="fa" value="fa-coffee"/>

Example: