New

5 demos, 10+ applications, 50+ blocks, 30+ pages & much more

Documentation

Browse and explore docs

Change Logo

To change logo: app/(dashboard-layout)/layout/shared/logo/full-logo.tsx

Put the logo image into the /public/images/logos folder.

'use client'
import Image from 'next/image'
import Link from 'next/link'

const FullLogo = () => {
  return (
    <Link href="/" className="max-w-[40px] block lg:max-w-[110px] overflow-hidden">
      <Image
        src={'/images/logos/darklogo.svg'}
        alt="logo"
        width={110}
        height={36}
        className='block dark:hidden max-w-[110px] rtl:scale-x-[-1]'
      />
      <Image
        src={'/images/logos/whitelogo.svg'}
        alt="logo"
        height={36}
        width={110}
        className='hidden dark:block max-w-[110px] rtl:scale-x-[-1]'
      />
    </Link>
  );
};

export default FullLogo;