A section can be added with `<tc:section/>` tag.

A section can have a title. It is added with the `label` attribute. This text is the content of a section.

<tc:section label="Basics">

A section can contain one or more sections. In this example, the sections are cascaded to level six.

Level two. The section "Cascading" is level one.

Level three.

Level four.

Level five.

Level six.

Sections can have an image, a Bootstrap Icon or FontAwesome icon (todo: included by your application) in the header.

<tc:section icon="bi-pie-chart" label="Bootstrap Icons: Pie-Chart"> <tc:section icon="fa fa-pie-chart" label="FontAwesome: Pie-Chart"> <tc:section image="#{request.contextPath}/image/feather-leaf.png" label="Image File: feather-leaf.png">

You can manually set a level for a section header. For the following section the level is set to '5'.

<tc:section label="Level 5 Section" level="5">