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
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:
----------------------<@296624290843983873> kapa.ai is still learning and improving, please let us how it did by reacting below
passive-yellow•2y ago
Hey @ging_freecs Which UI library are you using? (antd,mantine,material-ui,chakra-ui)
correct-apricotOP•2y ago
material ui
@yildirayunlu
passive-yellow•2y 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