Breadcrumbs

Breadcrumbs is used to visualize the current navigation position.

There is a breadcrumb bar at the top of every page in the documentation.

Example

Documentation


<t:breadcrumbs>
    <t:li link="#">Objects</t:li>
    <t:li link="#">An Object</t:li>
    <t:li>A Property</t:li>
</t:breadcrumbs>

Breadcrumbs is used to visualize the current navigation position.

Info

Tag name	breadcrumbs
Component type	io.tornadofaces.component.Breadcrumbs
Renderer type	io.tornadofaces.component.UlRenderer

Attributes

Name	Description	Required
iconPosition	Icons, if added, are by default positioned left of the text. However, this can be changed by setting this property to left, right or bottom. Default left.	false
styleClass	Styles to apply to the ul element.	false
style	CSS Styles applied to the ul element.	false
color	The bar can be recolored to be dark, or match your primary color. Valid options are dark, primary. Default none.	false
rendered	Should this component be rendered?	false

Additional styling is available by setting the styleClass property. Refer to the Foundation For Apps Documentation for further information and examples.