0.7.1 • Published 1 year ago
@chakra-ui/nuxt v0.7.1
Chakra UI Module for Nuxt.js
Looking for documentation?
Setup
- Add
@chakra-ui/nuxt
dependency to your project
yarn add @chakra-ui/nuxt @nuxtjs/emotion
- Add
@chakra-ui/nuxt
&@nuxtjs/emotion
to themodules
section ofnuxt.config.js
// nuxt.config.js
export default {
modules: [
'@chakra-ui/nuxt',
'@nuxtjs/emotion'
],
/**
* Add extend the plugin options under the `chakra` key.
**/
chakra: {
extendTheme: {
colors: {
brand: { /* ... */ }
}
}
}
}
- Wrap your default layout in
layouts/
directory inside CThemeProvider as seen in the Chakra UI docs to start consuming Chakra Components. Like so:
<template>
<c-theme-provider>
<c-reset/>
<nuxt/>
</c-theme-provider>
</template>
<script>
import {
CThemeProvider,
CReset,
CButton
} from "@chakra-ui/vue";
export default {
name: 'DefaultLayout',
components: {
CThemeProvider,
CReset,
}
};
</script>
Development
- Clone this repository
- Install dependencies using
yarn bootstrap
- Start development server using
yarn dev
License
Copyright (c) Kelvin Omereshone kelvinomereshone@gmail.com
0.7.1
1 year ago
0.7.0
1 year ago
0.6.0
2 years ago
0.5.0
2 years ago
0.4.2-next.0
3 years ago
0.4.2
3 years ago
0.4.1
3 years ago
0.3.5
3 years ago
0.3.4
3 years ago
0.3.3
3 years ago
0.3.2
3 years ago
0.3.1
3 years ago
0.3.0
3 years ago
0.2.4
3 years ago
0.2.5-next.0
3 years ago
0.2.3-next.0
3 years ago
0.2.3
3 years ago
0.2.2
3 years ago
0.2.2-next.0
3 years ago
0.2.1
3 years ago
0.2.0
3 years ago
0.2.0-next.2
3 years ago
0.2.0-next.0
3 years ago
0.1.0
4 years ago
0.0.12
4 years ago
0.0.13
4 years ago
0.0.11
4 years ago
0.0.10
4 years ago
0.0.10-next.0
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5-next.0
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.3-next.0
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago