Layouts

  1. Layouts
  2. Layouts

How to use pre-built layouts?

Please do the below change in the html element at src/partials/main.html file. ex: <html data-layout-width="fluid">

Color Scheme
image data-bs-theme="light"
image data-bs-theme="dark"
image data-bs-theme="brand"
Card Layout
data-card-layout="borderless"
data-card-layout="border"
Layout Width
data-layout-width="fluid"
data-layout-width="boxed"
Layout Position
data-layout-position="fixed"
data-layout-position="scrollable"
Topbar Colors
image data-topbar="light"
image data-topbar="dark"
image data-topbar="brand"
Topbar Patterns
data-topbar-image="pattern-1"
data-topbar-image="pattern-2"
data-topbar-image="pattern-3"
Preloader Option
data-preloader="disable"
data-preloader="enable"