Here is an example of applying styles:
const customStyle = {
overflow: "auto",
backgroundColor: "#292929",
color: "blue",
height: 650,
width: 1,
flexGrow: 1,
fontFamily: "Segoe Print",
fontSize: 30
};
You can use it like this in a TreeView:
const MyTreeView = () => (
<TreeView
aria-label="file system navigator"
defaultCollapseIcon={<ExpandMoreIcon />}
defaultExpandIcon={<ChevronRightIcon />}
sx={customStyle}
multiSelect={true}
>
);
If the font family and size are not changing, what could be the issue? Take a look at this live example:
https://codesandbox.io/s/smoosh-grass-c3zohz?file=/src/App.js