fair-rose
fair-rose13mo ago

How can I split on more lines the sidebar item text?

I want to split the label: 'Gestione Terreno' on two lines so that it will be fully visible on the sidebar. How can I achieve this? <Refine dataProvider={dataProvider("http://localhost:8080/api/v1")} notificationProvider={notificationProvider} ReadyPage={ReadyPage} catchAll={<ErrorComponent />} resources={[ { name: "OnBoardings", list: OnBoarding, show: DettagliTerreno, create: CreaTerreno, edit: EditTerreno, options: { label: 'Gestione Terreni', }, icon: <MapRounded />, },
5 Replies
kapa.ai
kapa.ai13mo ago
Hi @ging_freecs. 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. However, you can refer to the refine documentation for more information on customizing the appearance of your application: refine documentation (https://refine.dev/docs). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
kapa.ai
kapa.ai13mo ago
<@296624290843983873> kapa.ai is still learning and improving, please let us how it did by reacting below
vicious-gold
vicious-gold13mo ago
Hey @ging_freecs Which UI library are you using? (antd,mantine,material-ui,chakra-ui)
fair-rose
fair-rose13mo ago
material ui @yildirayunlu
vicious-gold
vicious-gold13mo ago
The first solution that comes to my mind might be to swizzle. This way you can update the width of the Sider. https://refine.dev/docs/api-reference/mui/components/mui-themed-layout/#customizing-with-swizzle