Documentation

Vue

Sidebar Theme

Here is how you can change sidebar from settings in Tailwind:

Only you have to add some classes in sidebar parent section, steps are given bellow:

  • You can change the class name from ./src/templates/partials/dashboard/sidebar.hbs file.

Sidebar Color

For example you have to set sidebar color as dark then you will have to add sidebar-dark class at aside of the sidebar.

  • For sidebar color as dark 
    <aside class="... sidebar-dark">
    .......
</aside>
  • For sidebar color as solid color 
    <aside class="... sidebar-color">
    .......
</aside>
  • For sidebar as Transparent 
    <aside class="... sidebar-transparent">
    .......
</aside>

Sidebar Types

For example you have to set sidebar type as mini then you will have to add sidebar-mini class at aside of the sidebar.

  • For sidebar 
    <aside class="... sidebar">
    .......
</aside>
  • For sidebar type as horizontal 
    <aside class="... sidebar-mini">
    .......
</aside>
  • For sidebar type as dual compact 
    <aside class="... dual-compact">
    .......
</aside>