Dashboard Logo

• The Logo component can be found in the {{> src/components/partials/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. {{> public/assets/images/ }}

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

<template>
    <div :class="`logo-main ${className}`">
        <img :class="['logo-normal', { 'img-fluid': isFluid }]" src="/assets/images/logo.png" height="30" alt="logo">
        <img :class="['logo-color', { 'img-fluid': isFluid }]" src="/assets/images/logo-white.png" height="30"
            alt="logo">
        <img :class="['logo-mini', { 'img-fluid': isFluid }]" src="/assets/images/logo-mini.png" height="30" alt="logo">
        <img :class="['logo-mini-white', { 'img-fluid': isFluid }]" src="/assets/images/logo-mini-white.png" height="30"
            alt="logo">
    </div>
</template>

<script setup>
const props = defineProps({
    className: { type: String, default: '' },
    isFluid: { type: Boolean, default: false }
})
</script>

You can call logo component wherever logo has to show:

 <router-link to="/" class="navbar-brand">
        <Logo :isFluid="true"/>
    </router-link>