This component is used internally by fw-dropdown as setting a tag based on a parameter is difficult otherwise Minimal usage is simply as below. It may not have much usage outside of fw-dropdown.

If the tag is set, the component will automatically update the attributes based on the type, so links are styled like links

<FwDropDownToggle @label="Dropdown" />
Show:

_active

Computed Property private

Computes whether the route is active based on the current route name and the active value. If it matches either, this is used to make the text bold. Watches: active, router.currentRouteName

_class

Computed Property private

Button Class (from bootstrap) is computed for the component. Watches _style, tagName

active

String

If currently viewing this route, the active class is added to the link.


Default: null

icon

String public

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


Default: null

iconClosed

String

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


Default: null

iconOpen

String

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


Default: null

label

String

Label for the toggle


Default: null

role

Computed Property private

Role bindings for the component.

style

String

Style of the component's button 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.


Default: null

tagName

String

The tagName property is often overridden in this component, so it is worth mentioning, though it is inherited by Components. For documentation on this functionality, click here


Default: 'button'

toggle

String

How the toggle is toggled


Default: 'dropdown'