---------------------- In a Refine project, the Sider component is not directly available in the components folder. It's part of the UI package you've selected and is used by default. However, you can customize it using several methods: 1. **Using the `resources` property on the `` component**: The `` component shows the resources whose `list` property is set. So, you can have an extra navigation link by adding a resource with the `list` attribute. Here is an example: ```jsx import { Refine } from "@refinedev/core"; ; ``` **Source** () 2. **Using the `render` property of the `` component**: The `render` property is a function that receives an object with the `items` and `logout` properties. The `items` property is the list of navigation items and the `logout` property is the logout button. Here is an example: ```jsx import { Layout, Sider } from "@refinedev/antd"; const CustomSider = () => { return ( { return ( <> 👋> Navigation Link {items} {logout} ); }} /> ); }; const CustomLayout = () => { return ...; }; ``` **Source** () 3. **Using the `swizzle` command**: You can use the command to copy the default `Sider` component to your project. This will allow you to customize the sider as you want. You can refer to the **swizzle documentation** () for more information.

iam using latest @refinedev/core refineapp and iam not sure how can i edit the sider

Similar Threads

Similar Threads

Similar Threads