Widgets

Reusable user interface components.

Article header

For the display of a Web page's

heading plus an optional strapline. The content of this widget is printed.

Demo | Download

Box

A typography extension for highlighting individual paragraphs of text within an article.

Demo | Download

Breadcrumb

A navigational device. This widget is not printed.

Demo | Download

Hello

Similar to the "article header" widget, but for displaying a page heading and introductory text in large type, usually on a homepage.

Demo | Download

Logo

For display of a Web site's logo. The anchor tag is optional; it will usually link to a Web site's homepage. This widget is not printed.

Demo | Download

Message

For the display of feedback messages. This widget will usually be placed near the top of a Web page or above forms. There are two optional modifiers, -success and -error, that change the default styling of this widget depending on the nature of the feedback message.

Demo | Download

Nav list

A vertically-aligned navigation menu, suitable for display on small-screen devices. Supports nested lists. As with all navigational devices, this widget is not printed.

Demo | Download

Nav menu

A horizontally-aligned navigation menu.

Demo | Download