@byyuurin/uno-merge
v0.3.4
Published
Utility function to efficiently merge [UnoCSS](https://unocss.dev/) classes in JS without style conflicts.
Readme
@byyuurin/uno-merge
Utility function to efficiently merge UnoCSS classes in JS without style conflicts.
Installation
npm i @byyuurin/uno-mergeUsage
import { createUnoMerge } from '@byyuurin/uno-merge'
import { presetWind4 } from 'unocss'
const { merge: unoMerge } = await createUnoMerge({
presets: [
presetWind4(),
],
})
unoMerge('px-2 py-1 bg-red hover:bg-dark-red p-3 bg-red-700')
// → "bg-red-700 hover:bg-dark-red p-3"Features
- Resolves conflicts between UnoCSS utility classes
- Works with arbitrary values and variants
- Supports dynamic class merging
- Supports shortcuts merging
