Options

Pass a single object to presetVinicunca(). Nested presets and transformers accept true to enable, false to disable, or an options object.

import { presetVinicunca } from '@vinicunca/unocss-preset';
import { defineConfig } from 'unocss';

export default defineConfig({
  presets: [
    presetVinicunca({
      icons: { scale: 1.2 },
      scrollbar: true,
      alias: true
    })
  ]
});

There is no presets option on presetVinicunca. Nested presets are always composed internally.

Core

Nested presets

AnimationOptions

Used when animation is an object. These become the default CSS for animate-in / animate-out. Duration is not read from theme.duration.DEFAULT.

FluidOptions

Used when fluid is an object. See Fluid for utilities.

UnoPresetScrollbarOption

Used when scrollbar is an object. See Scrollbar.

Transformers

TransformerAliasOptions

Enable with alias: true or an options object. The transformer looks up names in your UnoCSS shortcuts and replaces prefixed tokens in source.

export default defineConfig({
  shortcuts: {
    btn: 'px-4 py-2 rounded bg-primary text-inverted'
  },
  presets: [
    presetVinicunca({
      alias: true
    })
  ]
});

<div class="*btn"></div>
<!-- becomes: px-4 py-2 rounded bg-primary text-inverted -->

<div class="+btn"></div>
<!-- becomes: btn px-4 py-2 rounded bg-primary text-inverted
     and `btn` is added to the UnoCSS blocklist when keep.block is true -->

KeepOption: