Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Commit d7db27f

Browse files
committed
📚 Add Nuxt option information for extending theme
1 parent d04bcaa commit d7db27f

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

website/pages/extending-theme.mdx

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,3 +61,22 @@ new Vue({
6161
}).$mount()
6262
```
6363

64+
### In Nuxt.js
65+
In your nuxt.config.js file, you can then add your custom theme object by passing it in the `extendTheme` option.
66+
67+
```js
68+
// Import your customTheme object
69+
import customTheme from 'custom-theme.js'
70+
export default {
71+
...
72+
modules: [
73+
'@chakra-ui/nuxt',
74+
'@nuxtjs/emotion'
75+
],
76+
chakra: {
77+
extendTheme: customTheme
78+
}
79+
}
80+
...
81+
}
82+
```

0 commit comments

Comments
 (0)