- Components
- MenuBar
MenuBar
Menu bar gives you the ability to switch between different subtasks, views, or modes in an app. It can be used vertically or horizontally.
The ul expects li
elements with nested a
anchors as children. You can use a normal li
tag or the TornadoFaces <t:li>
tag for additional functionality, including automatically creating the wrapped a
via the link
attribute and automatically adding active-state.
menubar.xhtml
Documentation
<t:menubar color="primary">
<t:li link="#">Email</t:li>
<t:li link="#">Apps</t:li>
<t:li link="#">Messages</t:li>
<t:li link="#">Friends</t:li>
</t:menubar>
Menu bar gives you the ability to switch between different subtasks, views, or modes in an app. It can be used vertically or horizontally.
Info
Tag name | menubar |
---|---|
Component type | io.tornadofaces.component.Menubar |
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.