瀏覽代碼

pushmenu doc added

Daniel 6 天之前
父節點
當前提交
c4ddc07636
共有 2 個文件被更改,包括 88 次插入0 次删除
  1. 17 0
      src/html/components/javascript/pushmenu.mdx
  2. 71 0
      src/html/pages/docs/javascript/pushmenu.astro

+ 17 - 0
src/html/components/javascript/pushmenu.mdx

@@ -0,0 +1,17 @@
+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.
+
+##### Usage
+
+This plugin can be used as the data api.
+
+**Data API**
+
+Add `data-lte-toggle="sidebar"` to any button or link element to activate the plugin.
+
+```html
+<a href="#" data-lte-toggle="sidebar">Toggle Sidebar</a>
+```
+
+##### Example
+
+<a href="#" data-lte-toggle="sidebar">Toggle Sidebar</a>

+ 71 - 0
src/html/pages/docs/javascript/pushmenu.astro

@@ -0,0 +1,71 @@
+---
+import Head from "@components/_head.astro"
+import Footer from "@components/dashboard/_footer.astro"
+import Topbar from "@components/dashboard/_topbar.astro"
+import Pushmenu from "@components/javascript/pushmenu.mdx"
+import Sidenav from "@components/dashboard/_sidenav.astro"
+import Scripts from "@components/_scripts.astro"
+
+const title = "Pushmenu Plugin | AdminLTE 4"
+const path = "../../../../dist"
+const mainPage = "javascript"
+const page = "pushmenu";
+---
+
+<!DOCTYPE html>
+<html lang="en">
+  <!--begin::Head-->
+  <head>
+    <Head title={title} path={path} />
+  </head>
+  <!--end::Head-->
+  <!--begin::Body-->
+  <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
+    <!--begin::App Wrapper-->
+    <div class="app-wrapper">
+      <Topbar path={path} />
+      <Sidenav path={path} mainPage={mainPage} page={page} />
+      <!--begin::App Main-->
+      <main class="app-main">
+        <!--begin::App Content Header-->
+        <div class="app-content-header">
+          <!--begin::Container-->
+          <div class="container-fluid">
+            <!--begin::Row-->
+            <div class="row">
+              <div class="col-sm-6">
+                <h3 class="mb-0">Pushmenu Plugin</h3>
+              </div>
+              <div class="col-sm-6">
+                <ol class="breadcrumb float-sm-end">
+                  <li class="breadcrumb-item"><a href="#">Docs</a></li>
+                  <li class="breadcrumb-item active" aria-current="page">
+                    Pushmenu Plugin
+                  </li>
+                </ol>
+              </div>
+            </div>
+            <!--end::Row-->
+          </div>
+          <!--end::Container-->
+        </div>
+        <!--end::App Content Header-->
+        <!--begin::App Content-->
+        <div class="app-content">
+          <!--begin::Container-->
+          <div class="container-fluid">
+            <Pushmenu />
+          </div>
+          <!--end::Container-->
+        </div>
+        <!--end::App Content-->
+      </main>
+      <!--end::App Main-->
+      <Footer />
+    </div>
+    <!--end::App Wrapper-->
+    <!--begin::Script-->
+    <Scripts path={path} />
+    <!--end::Script-->
+  </body><!--end::Body-->
+</html>