Top

Sidebar Options


There are 2 Sidebar Settings in our theme:

  1. Default
  2. Icon Color

Lets look at them one by one.

Default Sidebar:

Shows the sidebar with default style.

Fill Icon Sidebar



Icon Color:

Shows the sidebar with beautiful colored icons .

Strok Icon Sidebar


These changes are applied by changing the value of icon property in the sidebar component.

If you like a particular type of sidebar and want to use that one in you website, then just copy the sidebar.scss file and add the necessary class to the sidebar-layout property in shared>services>layout.service.ts file.

  • Fill Icon = 'fill-svg' for the default fill svg icons in sidebar.
  • Stroke Icon = 'stroke-svg' for the Stroke Icon sidebar.