Skip to content

Commit c4ddc07

Browse files
danny007indanny007in
committed
pushmenu doc added
1 parent 76b609f commit c4ddc07

File tree

2 files changed

+88
-0
lines changed

2 files changed

+88
-0
lines changed

‎src/html/components/javascript/pushmenu.mdx‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
The Pushmenu plugin is used to toggle the visibility of a sidebar menu. It allows users to collapse or expand the sidebar by clicking on a button or a link.
2+
3+
##### Usage
4+
5+
This plugin can be used as the data api.
6+
7+
**Data API**
8+
9+
Add `data-lte-toggle="sidebar"` to any button or link element to activate the plugin.
10+
11+
```html
12+
<a href="#" data-lte-toggle="sidebar">Toggle Sidebar</a>
13+
```
14+
15+
##### Example
16+
17+
<a href="#" data-lte-toggle="sidebar">Toggle Sidebar</a>

‎src/html/pages/docs/javascript/pushmenu.astro‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
---
2+
import Head from "@components/_head.astro"
3+
import Footer from "@components/dashboard/_footer.astro"
4+
import Topbar from "@components/dashboard/_topbar.astro"
5+
import Pushmenu from "@components/javascript/pushmenu.mdx"
6+
import Sidenav from "@components/dashboard/_sidenav.astro"
7+
import Scripts from "@components/_scripts.astro"
8+
9+
const title = "Pushmenu Plugin | AdminLTE 4"
10+
const path = "../../../../dist"
11+
const mainPage = "javascript"
12+
const page = "pushmenu";
13+
---
14+
15+
<!DOCTYPE html>
16+
<html lang="en">
17+
<!--begin::Head-->
18+
<head>
19+
<Head title={title} path={path} />
20+
</head>
21+
<!--end::Head-->
22+
<!--begin::Body-->
23+
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
24+
<!--begin::App Wrapper-->
25+
<div class="app-wrapper">
26+
<Topbar path={path} />
27+
<Sidenav path={path} mainPage={mainPage} page={page} />
28+
<!--begin::App Main-->
29+
<main class="app-main">
30+
<!--begin::App Content Header-->
31+
<div class="app-content-header">
32+
<!--begin::Container-->
33+
<div class="container-fluid">
34+
<!--begin::Row-->
35+
<div class="row">
36+
<div class="col-sm-6">
37+
<h3 class="mb-0">Pushmenu Plugin</h3>
38+
</div>
39+
<div class="col-sm-6">
40+
<ol class="breadcrumb float-sm-end">
41+
<li class="breadcrumb-item"><a href="#">Docs</a></li>
42+
<li class="breadcrumb-item active" aria-current="page">
43+
Pushmenu Plugin
44+
</li>
45+
</ol>
46+
</div>
47+
</div>
48+
<!--end::Row-->
49+
</div>
50+
<!--end::Container-->
51+
</div>
52+
<!--end::App Content Header-->
53+
<!--begin::App Content-->
54+
<div class="app-content">
55+
<!--begin::Container-->
56+
<div class="container-fluid">
57+
<Pushmenu />
58+
</div>
59+
<!--end::Container-->
60+
</div>
61+
<!--end::App Content-->
62+
</main>
63+
<!--end::App Main-->
64+
<Footer />
65+
</div>
66+
<!--end::App Wrapper-->
67+
<!--begin::Script-->
68+
<Scripts path={path} />
69+
<!--end::Script-->
70+
</body><!--end::Body-->
71+
</html>

0 commit comments

Comments
 (0)