The sidebar left component is used for displaying the menu of the layout configuraton (see layout configuration).
Yon can also add any HTML elements which will be displayed above the menu.
<mk-layout-sidebar-left>
<div class="user-panel">
<div class="pull-left image">
<img src="assets/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p>Alexander Pierce</p>
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
</div>
</div>
<form action="#" method="get" class="sidebar-form">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span>
</div>
</form>
</mk-layout-sidebar-left>
sidebarLeftMenu: [
{label: 'MAIN NAVIGATION', separator: true},
{label: 'Start', route: '/', iconClasses: 'fa fa-th'},
{label: 'Parent', iconClasses: 'fa fa-files-o', children: [
{label: 'Children', route: 'parent/children'},
{label: 'Parent 2', children: [
{label: 'Children 2', route: 'parent/parent2/children2'}
]}
...
]}
]
Name | Type | Default | Description |
---|---|---|---|
Label | string | null | Set the menu item label. |
iconClasses | string | 'fa fa-circle-o' | Set the menu item iclon classes. |
separator | boolean | false | Defines if the menu item is a separator. |
route | string | null | Set the menu item route. |
children | Array<Item> | null | Defines the item children. |