Remove default app icon
Hi guys,
This should be simple but I must be missing something. I want to replace the default Icon, so I found where in the application it is being used, but even if comment the code, it still persists in the UI?
How can iI remove it?
Thanks
![No description](https://cdn.answeroverflow.com/1107305490670686218/2023-05-14_15_52_31-Window.png)
![No description](https://cdn.answeroverflow.com/1107305490968477767/login_.png)
5 Replies
Hi @jaco0670. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
To remove the default title and icon in the
AuthPage
, you can either use the renderContent
property or set the title
property to false
. Here are two examples for Ant Design and Mantine:
Ant Design:
1. Using renderContent
property:
2. Setting title
property to false
:
Mantine:
1. Using renderContent
property:
2. Setting title
property to false
:
These examples should help you remove the default title and icon from the AuthPage
. Make sure to replace the relevant parts of your code with the examples provided.
Sources:
- Ant Design AuthPage (https://refine.dev/docs/api-reference/antd/components/antd-auth-page)
- Mantine AuthPage (https://refine.dev/docs/api-reference/mantine/components/mantine-auth-page)
----------------------
Note: you can ask me a follow up question by @ mentioning me again
:speech_balloon:
----------------------<@486442088280358912> kapa.ai is still learning and improving, please let us how it did by reacting below
fascinating-indigo•17mo ago
Hey @jaco0670 its the default icon, you can try passing null or any other empty react node.
If the result does not satisfy your needs, you can always try swizzling the themedtitlev2 component and customize 🫶
optimistic-gold•17mo ago
Hey @aliemirs thanks for your help 🙂