Presets

Presets zijn gedeeltelijke configuraties die worden samengevoegd in de hoofdconfiguratie.

Bij het authoring van een preset exporteren we meestal een constructor functie waar je enkele preset-specifieke opties voor kunt opgeven. Bijvoorbeeld:

import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    varianten: [
      // ...
    ],
    // het ondersteunt de meeste configuratie die je in de root config kunt hebben
  }
})

Dan kan de gebruiker het als volgt gebruiken:

import { defineConfig } from 'unocss'
import myPreset from './my-preset'

export default defineConfig({
  presets: [
    myPreset({ /* preset opties */ }),
  ],
})

Je kunt officiële presets en community presets controleren voor meer voorbeelden.