@nuxthq/ui-edge

Components library as a Nuxt module using [TailwindCSS](https://tailwindcss.com).

1.2.3-27991643.4bd9949

latest

GitHub

npm

Version published: 2 days ago

Maintainers: 11

Weekly downloads: 1,710; increased by110.07%

Weekly downloads

Readme

Source

@nuxthq/ui

Components library as a Nuxt module using TailwindCSS.

Installation

yarn add --dev @nuxthq/ui

Then, 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"
  }
}

Options

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'
  }
})

FAQs

What is @nuxthq/ui-edge?

Is @nuxthq/ui-edge popular?

Is @nuxthq/ui-edge well maintained?

Last updated on 22 Mar 2023

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket