national-gold
national-gold8mo ago

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
kapa.ai
kapa.ai8mo ago
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: ----------------------
kapa.ai
kapa.ai8mo ago
<@272684600247975937> kapa.ai is still learning and improving, please let us know how it did by reacting below
typical-coral
typical-coral8mo 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/#usage
Layout - 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 ``).
national-gold
national-gold8mo ago
Thanks!
Omer
Omer8mo ago
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.