add useTheme section

danilo-leal · Oct 17, 2023 · eaa5fda · eaa5fda
1 parent 190343d
commit eaa5fda
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/docs/data/joy/customization/using-css-variables/using-css-variables.md b/docs/data/joy/customization/using-css-variables/using-css-variables.md
@@ -73,7 +73,21 @@ extendTheme({
 
 #### useTheme hook
 
-missing
+To access the theme object, use the `useTheme` hook. It must be used within a component that is wrapped in the `CssVarsProvider` component.
+
+```jsx
+import { useTheme } from '@mui/joy/styles';
+
+const SomeComponent = () => {
+  const theme = useTheme(); // The runtime theme.
+
+  return (
+    <div>
+      <p>{theme.vars.palette.primary[500]}</p>
+    </div>
+  );
+};
+```
 
 ### Creating new variables