@hitachivantara/uikit-uno-preset

UI Kit UnoCSS preset with the NEXT theme.

Installation

Install the package in your project directory with:

npm install -D unocss @hitachivantara/uikit-uno-preset

Add the presetHv to the array of presets in your vite.config.ts or uno.config.ts files:

// vite.config.ts
import unoCSS from "unocss/vite";
import { defineConfig } from "vite";
import { presetHv } from "@hitachivantara/uikit-uno-preset";

export default defineConfig({
  plugins: [
    unoCSS({
      presets: [presetHv()],
    }),
  ],
});

// uno.config.ts
import { defineConfig } from "unocss";
import { presetHv } from "@hitachivantara/uikit-uno-preset";

export default defineConfig({
  presets: [presetHv()],
});

Usage

Use any of Tailwind-like default utility classes along with the NEXT UI Kit theme utilities: