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:

<div className="logo-main">
    <img className="logo-normal img-fluid" src={logoDef} height="30" alt="logo" />
    <img className="logo-normal dark-normal img-fluid" src={logoDark} height="30" alt="logo" />
    <img className="logo-normal white-normal img-fluid" src={logoWhite} height="30" alt="logo" />
    <img className="logo-mini img-fluid" src={logoMini} height="30" alt="logo" />
    <img className="logo-mini dark-mini img-fluid" src={logoMiniDark} height="30" alt="logo" />
    <img className="logo-mini white-mini img-fluid" src={logoMiniWhite} height="30" alt="logo" />
</div>

You can call logo component wherever logo has to show:

<Logo />

Template Logo

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

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

<Link to="/" className="navbar-brand m-0">
    <span className="logo-normal">
        <Image src={logoDynamic ? logoImage : logoDef} alt="logo" className="img-fluid" loading="lazy" />
    </span>
</Link>

You can call logo component wherever logo has to show:

 <Logo logoDynamic={true} logoImage={logoDynamic} />

You can call Dynamic logo for pass bottom value in src/components/router/indexRouter.jsx file

 {
        path: '',
        element: <IndexLayout Header={HeaderDentist} logoDynamic={logoDentist} Footer={FooterDentist} IsMegaMenu={true} />,
        children: [
            {
                path: '/dentist',
                element: <Dentist />,
                Activelink: 'dentist'
            },
        ]
    },