Presets

Presets är hjärtat av UnoCSS. De låter dig skapa ditt eget anpassade ramverk på några minuter.

Använda presets

För att ställa in presets till ditt projekt:

import { defineConfig, presetAttributify, presetWind3 } from 'unocss'

export default defineConfig({
  presets: [
    presetAttributify({ /* preset-alternativ */}),
    presetWind3(),
    // ...anpassade presets
  ],
})

När alternativet presets anges kommer standardpreseten att ignoreras.

För att inaktivera standardpreseten kan du ställa in presets till en tom array:

import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [], // inaktivera standardpreset
  rules: [
    // dina anpassade regler
  ],
})

Du kan kontrollera officiella presets och community-preset för mer.

Skapa presets

För att se hur du kan skapa din egen anpassade preset, se Konfiguration: presets.