How to categorize sider items and make it collapseable
Hi, i want to make my sider items categorized. for example:
- Users
- User Profiles
- User photos
- User types
under 1 category (collapsed menu) like this:
![No description](https://cdn.answeroverflow.com/1096067975011893338/Screenshot_2023-04-13_at_20.40.30.png)
4 Replies
Hi @regnregn. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
To create a categorized sider menu with collapsed groups in your refine application, you can use the
meta.parent
property in your resources configuration. Here's an example of how to group the menu items under the "User Management" category:
Make sure the meta.parent
value matches the resource name you want to group the items under. In this case, it's "User Management".
For more information, refer to the Multi-Level Menu documentation (https://refine.dev/docs/advanced-tutorials/multi-level-menu).
----------------------
Note: you can ask me a follow up question by @ mentioning me again
:speech_balloon:
----------------------<@336843331416096768> kapa.ai is still learning and improving, please let us how it did by reacting below
national-gold•2y ago
good bot, but since resource names are releated to API resource, you can change label
passive-yellow•2y ago
Great! thanks for the information! 😄