other-emerald
other-emerald4mo ago

want to remove refine logo

is it possible to remove refine logo from project and put my own logo?
2 Replies
kapa.ai
kapa.ai4mo ago
Hi @seth123. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Yes, it is possible to replace the Refine logo with your own logo in your project. The logo is displayed on the AuthPage component and you can customize it using the title prop. Here is an example of how you can do it:
import { AuthPage, ThemedTitle } from "@refinedev/mui";
const MyLoginPage = () => {
return (
<AuthPage
type="login"
title={<ThemedTitleV2 title="My Title" icon={<img src="your-logo-url" />} />}
/>
);
};
import { AuthPage, ThemedTitle } from "@refinedev/mui";
const MyLoginPage = () => {
return (
<AuthPage
type="login"
title={<ThemedTitleV2 title="My Title" icon={<img src="your-logo-url" />} />}
/>
);
};
In the above code, replace "your-logo-url" with the URL of your own logo. The ThemedTitleV2 component is used to customize the title with your own text and icon. You can find more details in the Refine documentation for Material UI (https://refine.dev/docs/ui-integrations/material-ui/components/auth-page#title) and Mantine (https://refine.dev/docs/ui-integrations/mantine/components/auth-page#title). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai4mo ago
<@880895096617332736> kapa.ai is still learning and improving, please let us know how it did by reacting below