diff --git a/src/html/components/dashboard/_sidenav.astro b/src/html/components/dashboard/_sidenav.astro index 00169c830..8ec25dedf 100644 --- a/src/html/components/dashboard/_sidenav.astro +++ b/src/html/components/dashboard/_sidenav.astro @@ -191,23 +191,40 @@ const htmlPath = convertPathToHtml(path)
  • DOCUMENTATIONS
  • - +

    Installation
  • - - -

    Browser Support

    -     -
    • -
  • - +

    Color Mode
    • +
  • + + +

    + Components + +

    +     + +
    • +
  • + + +

    Browser Support

    +     +
  • MULTI LEVEL EXAMPLE
  • diff --git a/src/html/components/docs/components/main-header-1.md b/src/html/components/docs/components/main-header-1.md new file mode 100644 index 000000000..07631388d --- /dev/null +++ b/src/html/components/docs/components/main-header-1.md @@ -0,0 +1,159 @@ +```html + + + +``` \ No newline at end of file diff --git a/src/html/pages/docs/browser-support.astro b/src/html/pages/docs/browser-support.astro index 6ed5cda2f..fe3629389 100644 --- a/src/html/pages/docs/browser-support.astro +++ b/src/html/pages/docs/browser-support.astro @@ -7,8 +7,8 @@ import Sidenav from "@components/dashboard/_sidenav.astro"; import Scripts from "@components/_scripts.astro"; const title = "Browser Support | AdminLTE 4"; const path = '../../../dist' -const mainPage = "browser-support"; -const page = "docs"; +const mainPage = "docs"; +const page = "browser-support"; --- diff --git a/src/html/pages/docs/color-mode.astro b/src/html/pages/docs/color-mode.astro index 06e602625..fa8d4cdc9 100644 --- a/src/html/pages/docs/color-mode.astro +++ b/src/html/pages/docs/color-mode.astro @@ -8,8 +8,8 @@ import NavbarHtml from "@components/docs/color-mode/navbar-html.md"; import ToggleScript from "@components/docs/color-mode/toggle-script.md"; const title = "Color Mode | AdminLTE 4"; const path = '../../../dist' -const mainPage = "color-mode"; -const page = "docs"; +const mainPage = "docs"; +const page = "color-mode"; --- diff --git a/src/html/pages/docs/components/main-header.astro b/src/html/pages/docs/components/main-header.astro new file mode 100644 index 000000000..33eda9514 --- /dev/null +++ b/src/html/pages/docs/components/main-header.astro @@ -0,0 +1,232 @@ +--- +import Head from "@components/_head.astro"; +import Footer from "@components/dashboard/_footer.astro"; +import Topbar from "@components/dashboard/_topbar.astro"; +import MainHeader1 from "@components/docs/components/main-header-1.md"; +import Sidenav from "@components/dashboard/_sidenav.astro"; +import Scripts from "@components/_scripts.astro"; +const title = "Main Header Component | AdminLTE 4"; +const path = '../../../dist' +const mainPage = "components"; +const page = "main-header"; +const distPath = path +--- + + + + + + + +
    + + + +
    +
    +
    +
    +
    +

    Main Header Component

    +
    +
    +
      +
    1. Docs
      2. +
    2. + Main Header Component +
      3. +
    +
    +
    +
    +
    + +
    +
    +
    +
    Reminder!
    +

    + AdminLTE uses all of Bootstrap 5 components. It's a good start to review the [Bootstrap documentation](https://getbootstrap.com/) to get an idea of the various components that this documentation does not cover. +

    +
    + +
    +
    Tips!
    +

    + If you go through the example pages and would like to copy a component, right-click on the component and choose “inspect element” to get to the HTML quicker than scanning the HTML page. +

    +
    + + + + + + +
    + +
    + +
    + + +
    +
    + + + + + diff --git a/src/html/pages/docs/index.astro b/src/html/pages/docs/index.astro index 6bc87177c..2bf6e9eba 100644 --- a/src/html/pages/docs/index.astro +++ b/src/html/pages/docs/index.astro @@ -7,8 +7,8 @@ import Scripts from "@components/_scripts.astro"; import Introduction from "@components/docs/introduction/index.md"; const title = "Introduction | AdminLTE 4"; const path = '../../../dist' -const mainPage = "introduction"; -const page = "docs"; +const mainPage = "docs"; +const page = "introduction"; ---