UI Kit UnoCSS preset with the NEXT theme.
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()],
});
Use any of Tailwind-like default utility classes along with the NEXT UI Kit theme utilities: