---------------------- You can change the title and icon in the `AuthPage` and `ThemedLayout` components in Refine. For the `AuthPage` component, you can use the `title` prop to change the default title. Here's an example: ```jsx import { AuthPage } from "@refinedev/antd"; const MyLoginPage = () => { return My Title} />; }; ``` You can also customize the title with the `ThemedTitle` component: ```jsx import { AuthPage, ThemedTitle } from "@refinedev/antd"; const MyLoginPage = () => { return ( />} />} /> ); }; ``` For the `ThemedLayout` component, you can replace the default `ThemedTitle` component by passing a custom component to the `Title` prop. Here's an example: ```jsx import { Refine } from "@refinedev/core"; import { ThemedLayoutV2, ThemedTitleV2 } from "@refinedev/antd"; import { MyLargeIcon, MySmallIcon } from "./MyIcon"; const App: React.FC = () => { return ( ( is collapsed or not collapsed={collapsed} icon={collapsed ? : } text="My Project" /> )} > {/* ... */} ); }; ``` You can find more information in the **Refine documentation** (). Please note that the specific import statements (`@refinedev/antd`, `@refinedev/mui`, etc.) depend on the UI library you are using with Refine. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

change title and icon

Similar Threads

Similar Threads

Similar Threads