### BreadCrumbs

A breadcrumb implementation that supports dropdowns for each node. The data structure is a tree structure with a single starting node. When the user makes a selection the directive will update the 'path' property of the config object. The directive also watches the 'path' property, allowing you to also set the initial state of the breadcrumbs.

##### HTML

##### JSON

### Drop Down

A bootstrap.js drop-down widget driven by a simple json structure

##### HTML

##### JSON

### Auto Columns

Lays out a bunch of inline-block child elements into columns automatically based on the size of the parent container. Specify the selector for the child items as an argument

### Bootstrap Template Popover

Uses bootstrap popover but lets you supply an angular template to render as the popover body. For example here's a simple template for the popover body:

You can then supply this template as an argument to hawtioTemplatePopover. By default it will look for a template in $templateCache called "popoverTemplate", or specify a templte for the "content" argument. You can specify "placement" if you want the popover to appear on a certain side, or "auto" and the directive will calculate an appropriate side ("right" or "left") depending on where the element is in the window.

### Auto Drop Down

Handy for horizontal lists of things like menus, if the width of the element is smaller than the items inside any overflowing elements will be collected into a special dropdown element that's required at the end of the list

### Zero Clipboard

Directive that attaches a zero clipboard instance to an element so a user can click on a button to copy some text to the clipboard

Best way to use this is next to a readonly input that displays the same data to be copied, that way folks that have Flash disabled can still copy the text.