Components library as a Nuxt3 module using TailwindCSS.
Then, register the module in your `nuxt.config.js`:
If you want latest updates, please use `@nuxthq/ui-edge` in your `package.json`:
- `preset`
Choose preset. Defaults to `tailwindui`. An object can also be used to override some parts of the default preset.
- `prefix`
Define the prefix of the imported components. Defaults to `u`.
Example:
- `colors.primary`
Define the primary variant. Defaults to `indigo`. You can specify your own object of colors like here:
Example:
- `colors.gray`
Define the gray variant. Defaults to `zinc`. You can like the `primary` color specify your own object. https://tailwindcss.com/docs/customizing-colors#default-color-palette
- `tailwindcss.theme`. Defaults to `{}`.
Define TailwindCSS theme: https://tailwindcss.com/docs/theme.