5 Replies
Hi @florent. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
To change the sidebar head "Refine Project" in your Refine application, you can customize the
Sider
component. Here is an example of how to do this using the render
and Title
props of the ThemedSider
component from the Chakra UI integration:
In this example, CustomTitle
is a custom component that you would create to display your desired title in the sidebar. The Title
prop allows you to pass this custom component to the ThemedSider
.
For more detailed information, you can refer to the documentation (https://refine.dev/docs/ui-integrations/chakra-ui/components/themed-layout/#sider).
If you are using Ant Design or another UI framework, the approach will be similar but with the corresponding components and props for that framework. You can also use the swizzle
feature to copy and customize the default Sider
component as needed. For more information on swizzling, refer to the swizzle documentation (https://refine.dev/docs/ui-integrations/chakra-ui/components/themed-layout/#customizing-with-swizzle).
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@1184365192482652173> kapa.ai is still learning and improving, please let us know how it did by reacting below
quickest-silverOP•6mo ago
'ThemedSider'is not use ts(6385)
@kapa.ai
'ThemedSider'is not use ts(6385)
Let me check the knowledge base for you. One moment! :books:
----------------------
To change the sidebar head "Refine Project" in your Refine application, you can customize the
Sider
component. Here is an example of how to do this using the Sider
prop of the ThemedLayoutV2
component from the Mantine integration:
In this example, CustomSider
is a custom component that you would create to display your desired title in the sidebar. The Sider
prop allows you to pass this custom component to the ThemedLayoutV2
.
For more detailed information, you can refer to the documentation (https://refine.dev/docs/ui-integrations/mantine/components/themed-layout/#sider).
If you are using Ant Design or another UI framework, the approach will be similar but with the corresponding components and props for that framework. You can also use the swizzle
feature to copy and customize the default Sider
component as needed. For more information on swizzling, refer to the swizzle documentation (https://refine.dev/docs/ui-integrations/mantine/components/themed-layout/#usage-1).
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@1184365192482652173> kapa.ai is still learning and improving, please let us know how it did by reacting below