can some one say how to edit sidebar of the example. I cant find a place

3 Replies

Hi @isuruSh. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- In Refine, the content of the sidebar is determined by the resources field of the <Refine /> component. If you have provided an authProvider, it will also display a logout button. To customize the sidebar, you can pass a custom icon in meta.icon in the resources parameter of Refine component. Here is an example:

<Refine
  ...
  resources={[
    ...
    {
      ...
      meta: {
        ...
        icon: <CustomIcon />,
      },
    },
  ]}
  ...
>
  ...
</Refine>

<Refine
  ...
  resources={[
    ...
    {
      ...
      meta: {
        ...
        icon: <CustomIcon />,
      },
    },
  ]}
  ...
>
  ...
</Refine>

This will allow you to customize the icons in the sidebar. If you want to hide the logout button from the sidebar, you can do so by using the render prop. For more advanced customizations, you might need to swizzle the component. For more information, you can refer to the official documentation (https://refine.dev/docs/api-reference/mui/theming/#dark-mode-toggle) or the discussion thread (https://github.com/refinedev/refine/discussions/4647) on the Refine GitHub page. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•9mo ago

<@979001023014260746> kapa.ai is still learning and improving, please let us know how it did by reacting below

rare-sapphireOP•9mo ago

I want change the "refine project" in sidebar to my own name. How to do it

can some one say how to edit sidebar of the example. I cant find a place

Did you find this page helpful?