29 lines
1.2 KiB
HTML
29 lines
1.2 KiB
HTML
<template name="componentPlayground">
|
|
<div class="layout-container">
|
|
<div class="layout-header">
|
|
<div class="logo">LOGO</div>
|
|
<div class="toolbar">
|
|
<div class="toolbar-main">
|
|
<button class="js-toggle-left">Toggle left</button>
|
|
<button>Tool 1</button>
|
|
<button>Tool 2</button>
|
|
<button>Tool 3</button>
|
|
<button class="js-tool-more">More...</button>
|
|
<button class="js-toggle-right pull-right">Toggle right</button>
|
|
</div>
|
|
<div class="toolbar-drawer">
|
|
<button>Tool 4</button>
|
|
<button>Tool 5</button>
|
|
<button>Tool 6</button>
|
|
<button>Tool 7</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layout-body">
|
|
<div class="layout-sidebar layout-sidebar-left">LEFT|LEFT|LEFT</div>
|
|
<div class="layout-main">MAIN CONTENT</div>
|
|
<div class="layout-sidebar layout-sidebar-right">RIGHT|RIGHT|RIGHT|RIGHT</div>
|
|
</div>
|
|
</div>
|
|
</template>
|