Collection
Menu
This example uses several menu elements to display the versatility of a menu collection.
Vertical Menu
This example uses several menu elements, an unclickable block, a clickable text link, a clickable icon link, and a dropdown group
Elements
Text Item
Your menu may have a simple text item
Link Item
Your menu may have either a real page link or an item that behaves as a link.
Dropdown Item
An item may contain a list of dropdowns to chose from. By default it will appear automatically with css.
Menu
A menu may contain another menu group inside. This can be useful for formatting multiple menu items with the same qualities.
Nested Menu
A menu may contain another menu nested inside an item that acts as a grouped sub-menu. This is only available when using a vertical menu.
States
Variations
Colors
A menu may have other colors defined
Pointing (Horizontal)
A menu can point to content below itself to show ownership
Pointing (Horizontal)
A vertical menu can point to content adjacent to itself to show ownership
Attached
A menu may be attached to other content segments
Horizontal Sizes
A vertical menu can vary in size
Vertical Sizes
A vertical menu can vary in size