Sidebar

Preview

Coding

js <script defer>

import { Sidebar } from 'gadjet/dist/module/gadjet.bundle.js';

Sidebar.define('el-sidebar');
Sidebar.tagStyle({
    bgColor: '#eee',
    overlayColor: 'rgba(0,0,0,0.7)'
});

html

<el-sidebar showAt="1000px">
    <div el="content">
    <!-- Sidebar content -->
    </div>
    <div el="overlay">
    <!-- Overlay when show sidebar -->
    </div>
</el-sidebar>

Element API

propshowAt: string = "1000px"

fnshow()

fnhide()