FwDropdown Class

Extends: Ember.Component
Module: Components
Defined In: addon\components\fw-dropdown.js:5

This component is used to generate a basic bootstrap dropdown. The contents of the dropdown will be wrapped in the fw-collection-ul and link-ul classes It works very well for making dropdowns especially for menu bars.

Basic Usage:

<FwDropdown @label='Dropdown'>
    <a href="http://example.com">Link 1</a>
    <a href="http://example.com">Link 2</a>
</FwDropdown>
Show:

_sideClass

Computed Property private

Defined in addon\components\fw-dropdown.js:26

Computes the type of "dropdown" will be used (whether the dropdown is on the left, right, top, or bottom). Watches: side

active

String

Defined in addon\components\fw-dropdown.js:102

If currently viewing the route identified by this attribute, the active CSS class is added to the link (usually making it bold).


Default: null

icon

String

Defined in addon\components\fw-dropdown.js:78

Font Awesome default icon to use for the toggle. Must have icon name and prefix


Default: null

iconClose

String

Defined in addon\components\fw-dropdown.js:94

Font Awesome icon to use for the button when closed. Must have icon name and prefix


Default: null

iconOpen

String

Defined in addon\components\fw-dropdown.js:86

Font Awesome icon to use for the toggle when open. Must have icon name and prefix


Default: null

label

String

Defined in addon\components\fw-dropdown.js:53

label for the dropdown toggle


Default: null

right

Boolean

Defined in addon\components\fw-dropdown.js:45

If true, align the menu on the right. Note: if side is set to 'left' or 'right', this attribute is overridden doesn't do anything.


Default: false

side

String

Defined in addon\components\fw-dropdown.js:37

Side for the dropdown, can be set to left, right, up, or down


Default: 'down'

tagName

String

Defined in addon\components\fw-dropdown.js:110

The tagName property will often be set in the FwDropdown, so it is worth mentioning, though it is inhereted by Components. For documentation on this functionaity, click here

toggleStyle

String

Defined in addon\components\fw-dropdown.js:69

Button style for the dropdown toggle without the 'btn-' prefix. Should be one of the bootstrap styles, commonly: 'default', 'primary', 'danger'. See bootstrap docs for more info. If this is null, 'btn-default' class is used.ed


Default: null

toggleTag

String

Defined in addon\components\fw-dropdown.js:61

HTML Tag for the dropdown toggle. Often this will be set to li because other links in the menu bar are in an ul


Default: 'button'