Basic navigation

By adding the "nav" class to your unordened list, you have a basic navigation element with normalised layout that can be customised according to your needs.

Navigation orientation

By adding a "right", "left" or "bottom" class to your navigation element, you can change its orientation.

Menu

By adding a "menu" class to the navigation element's wrapper, you get a basic menu.

Links menu

By adding a "links" class to the navigation element, your menu becomes a menu of ordinary links. This same technique can be used to override the default styling for menus or other navigation elements with your custom code.

Menu stats

By adding a "stats" class to the navigation element, you get a special menu type that can be used eg. for displaying stats.

Tree nav

Cascade framework supports a tree navigation as well. Using the JS features of the framework, it also supports collapsing.

Folder tree

The tree navigation can be used to implement OS style folder trees.

Menu tree

A menu tree combines menu navigation with tree navigation.

Tabs

By adding a "tabs" class to the navigation element's wrapper, you get a basic tab navigation element. Notice that this element has a default width of 100% and thus the "tabs" class shouldn't be used on markup that has a margin.
If you use Cascade Framework's JS, well-defined tabs are automaticly enabled.

Gallery

By adding a "gallery" class to the navigation element's wrapper, you get a basic gallery element.

Tags

By adding a "tags" class to the navigation element's wrapper, you get a basic tag navigation element. It has a basic normalised markup.

Cloud tags

By adding a "cloud" class to the navigation element, your tag navigation elements become cloud tags. Five different sizes are supported out of the box.

Block tags

By adding a "blocks" class to the navigation element, your tag navigation elements become button-like tags.

Pipes

By adding a "pipes" class to the navigation element's wrapper, you get a basic pipes navigation element. The pipes element can contain regular text items along with nav items.

Pipe stats

The "pipes" nativation element can also be used as an equivalent to the menu stats.

Pagination

The "pagination" nativation element can be used for simple pagination.