<GlobalStyles />
Sometimes you might want to insert global css. You can use the
<GlobalStyles />
component to do this.import { GlobalStyles } from "tss-react";
import { useStyles } from "tss-react/mui";
function MyComponent() {
const { theme } = useStyles();
return (
<>
<GlobalStyles
styles={{
"body": {
"backgroundColor": theme.palette.background.default,
},
".foo": {
"color": "cyan"
},
}}
/>
<h1 className="foo">This text will be cyan</h1>
</>
);
}
Last modified 1yr ago