Components library as a Nuxt module using TailwindCSS.
yarn add --dev @nuxthq/uiThen, register the module in your nuxt.config.js:
import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
buildModules: [
'@nuxthq/ui'
]
})If you want latest updates, please use @nuxthq/ui-edge in your package.json:
{
"devDependencies": {
"@nuxthq/ui": "npm:@nuxthq/ui-edge@latest"
}
}primary
Define the primary variant. Defaults to indigo. You can specify your own object of colors like here:
Example:
import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
buildModules: [
'@nuxthq/ui'
],
ui: {
primary: 'blue'
}
})prefix
Define the prefix of the imported components. Defaults to u.
Example:
import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
buildModules: [
'@nuxthq/ui'
],
ui: {
prefix: 'tw'
}
})