Section

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

Basics

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
    image="bi-pie-chart"
    label="Bootstrap Icons: Pie-Chart">

<tc:section
    image="fa-pie-chart"
    label="FontAwesome: Pie-Chart">

<tc:section
    image="/demo-5-snapshot/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">