vue/sidebar¶

class Toggle()¶

Extends:	MenuItem
Arguments:	object (config) – The config of the Toggle.

A toggle. This class should not be instanciated directly. It extends MenuItem() to be a toggle with no submenu and eventually an img instead of an icon.

img¶

Type:	Bool

Determines, if the toggle is an image instead of an icon.

imgClass¶

Type:	String

The class the toggle gets in case of an img.

src¶

Type:	String

The html src in case of an img.

contentItem¶

Type:	Bool

Only content items will have an entry in the overflow menu as well as in the body.

id¶

Type:	String

The corresponding element in the body will get this id.

class Sidebar()¶

Extends:	Vue
Arguments:	object (config) – The config of the MenuButton. See attributes for more details.

A side bar with a header of toggles and an overflow button menu as well as a body with where the toggles place their content.

itemClass¶

Type:	String

The class each toggle gets.

contentClass¶

Type:	String

The class a content in the body gets.

items¶

Type:	Object (toggle definitions)

The items are used in two (three) ways.

active¶

Type:	Bool

Determines, whether the sidebar gets the CSS class ‘active’ und thus, is expanded

size¶

Type:	Integer

The width of the sidebar in percent when active.

footer¶

Type:	Object

Contains the data for the footer: footer.items, footer.menu.iconClass, footer.menu.label, footer.menu.btnClass, footer.menu.items