sider with horizontal mode
in my code i using a mode = 'horizontal'
**im using treeRender and Submenu menu.item
i promise to ouput like this : menu1 menu2 menu3 output
but this made like this : ... and dropdown
what should i do ?
Thank
5 Replies
Hi @username5686. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Hmm, I don't know enough to give you a confident answer yet. The information provided in the extracts does not cover the specific scenario you're describing. However, you can refer to the Refine documentation (https://refine.dev/docs) or the Ant Design documentation (https://ant.design/components/menu/) for more information on how to customize your menu.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
<@272684600247975937> kapa.ai is still learning and improving, please let us know how it did by reacting below
harsh-harlequin•11mo ago
Hello @username5686 ,
antd has exampel for that, you can use
useMenu
hook to get sider items and implement your own horizontal sider
https://ant.design/components/layout#components-layout-demo-fixed
https://refine.dev/docs/api-reference/core/hooks/ui/useMenu/#usageLayout - Ant Design
An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises
useMenu | refine
useMenu is used to get menu items derived from the resources. These items include a link to the dashboard page (if it exists) and links to the user-defined resources (passed as children to ``).
magic-amber•11mo ago
Thanks!
You can also check our Top Menu Layout example at https://refine.dev/docs/examples/customization/topMenuLayout/
Top Menu Layout | refine
refine enables you to customize and organize your UI as you choose thanks to its strong customization capabilities. It is shown in this case how to modify the custom Top Menu Layout component.