@hitachivantara/uikit-uno-preset
v0.2.20
Published
UI Kit UnoCSS preset with the NEXT theme.
Downloads
292
Readme
@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: