Dashboard Logo

• The Logo component can be found in the templates/components/widget/logo.hbs with your own logo SVG image OR logo image URL.
• Then user has to call logo component wherever logo has to show eg. {{> partials/components/widget/logo }}

You can add a image URL icon to your Website using the following code:

<div class="logo-main">
    <img class="logo-normal img-fluid" src="../../../assets/images/logo.png" height="30" alt="logo">
    <img class="logo-normal dark-normal img-fluid" src="../../../assets/images/logo-dark.png" height="30" alt="logo">
    <img class="logo-normal white-normal img-fluid" src="../../../assets/images/logo-white.png" height="30" alt="logo">
    <img class="logo-mini img-fluid" src="../../../assets/images/logo-mini.png" height="30" alt="logo">
    <img class="logo-mini dark-mini img-fluid" src="../../../assets/images/logo-mini-dark.png" height="30" alt="logo">
    <img class="logo-mini white-mini img-fluid" src="../../../assets/images/logo-mini-white.png" height="30" alt="logo">
</div>

You can call logo component wherever logo has to show:

{{> components/widgets/logo}}

Template Logo

• The Logo component can be found in the templates/components/widgets/logo.hbs with your own logo SVG image OR logo image URL.
• Then user has to call logo component wherever logo has to show eg. {{> partials/components/widget/logo }}

You can add a image URL icon to your Website using the following code:

{{#compare logo-dynamic '==' 'true'}}
<a href="{{path}}index.html" class="navbar-brand m-0">
    <span class="logo-normal">
        <img src="{{path}}assets/images/logo/{{logo-image}}" alt="logo" class="img-fluid" loading="lazy">
    </span>
</a>
{{else}}
<a href="{{path}}index.html" class="navbar-brand m-0">
    <span class="logo-normal">
        <img src="{{path}}assets/images/logo/logo.png" alt="logo" class="img-fluid" loading="lazy">
    </span>
</a>
{{/compare}}

You can call logo component wherever logo has to show:

{{> components/widgets/logo }}

You can call Dynamic logo for pass bottom value for page wise to show:

{{#extend 'layouts/default'  logo-dynamic="true" logo-image="logo-blue.png"}}
            ...    
{{/extend}}