fair-rose•16mo ago

How do I style the sidebar and its items

How do I style the sidebar and its items? I've looked at older answers but I don't really get it. I am using MUI, typescript and v4.

4 Replies

kapa.ai•16mo ago

Hi @alicanerdurmaz. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

vicious-gold•16mo ago

it's depends what you want. if you only want to change style (css). refine don't have opinion about that. uses default colors you can override MUI theme like this: https://refine.dev/docs/api-reference/mui/theming/#overriding-variables for more information: https://mui.com/material-ui/customization/how-to-customize/

ratty-blush•16mo ago

Thanks! I was just confused why I couldn't find the sider component. I followed the docs and now I understand how it works. Really simple and nice👍

vicious-gold•16mo ago

I'm glad to hear that 🚀 This is the way

5.5KMembers

View on Discord

More Posts

Differences between code generated using create-refine-app through yarn vs through npmHey all, just started learning about Refine today and went to start the tutorial using the headless Avoid resource loadinghey guys, I have that routes. when I navigate to list, my list component call a different resource Refine to navigator resourse,Hi dev's, how are you, how can I add elements to the navigation menu but that are not from the crud,I have media attached but just getting a list of nothing filesI can not figure out what I am doing wrong and I am sure its something simple. I want to list the fi import from React setupCould this piece of code "import React, { useState, useEffect } from 'react';" be typed into any jav Update Edit Modal after an EventIn edit modal, I am updating few fields on an event, How to re-render the UI?How to categorize sider items and make it collapseableHi, i want to make my sider items categorized. for example: - Users - User Profiles - User photos Multiple modalsHi all, I'm using headless useModal (https://refine.dev/docs/api-reference/core/hooks/ui/useModal/The default value seems to not be valid for the Select component, mode='multiple 'The data comes back fine, but it is not displayed on the component I wrote it with reference to thi IMG uploaded correctly on strapi but file details not stored.I'm following the https://refine.dev/blog/refine-invoice-generator/ blog and got stuck in the upload