Flyout

Readme

Flyout is a standalone pattern, but also form the basis of many composite patterns such as bubble help, combobox, date picker, menu & faux menu.

Please read the documentation to understand how these examples were created.

Examples

Click Activated

Any kind of HTML control can go inside of a flyout...

A link: www.ebay.com

A button:

An input:

A checkbox:

Focus Activated

Any kind of HTML control can go inside of a flyout...

A link: www.ebay.com

A button:

An input:

A checkbox:

Hover Activated (with Focus)

Link

Any kind of HTML control can go inside of a flyout...

A link: www.ebay.com

A button:

An input:

A checkbox:

Hover Activated (with Stealth Button)

Link

Any kind of HTML control can go inside of a flyout...

A link: www.ebay.com

A button:

An input:

A checkbox: