docs: Add destructuring example to useThemeUI API

system-ui · Nov 9, 2022 · ac6d70d · ac6d70d
1 parent 5cba456
commit ac6d70d
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/docs/src/pages/api.mdx b/packages/docs/src/pages/api.mdx
@@ -81,12 +81,9 @@ The `useThemeUI` hook returns the full Theme UI context object, which includes
 
 ```js
 const context = useThemeUI()
+const { theme, components, colorMode, setColorMode } = context
 ```
 
-### `Context`
-
-The React context used in Theme UI.
-
 ### `useColorMode`
 
 The `useColorMode` hook returns an array with two values: the current color mode
@@ -120,6 +117,10 @@ override custom & component styling.
 </BaseStyles>
 ```
 
+### `Context`
+
+The React context used in Theme UI.
+
 ### `css`
 
 As an alternative to using the `sx` prop, the `css` utility is intended for use