UnoCSS Presets

Presets zijn het hart van UnoCSS. Ze stellen je in staat om je eigen aangepaste framework in minuten te maken.

Presets gebruiken

Om presets in te stellen voor je project:

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

export default defineConfig({
  presets: [
    presetAttributify({ /* preset opties */}),
    presetWind3(),
    // ...aangepaste presets
  ],
})

Wanneer de presets optie is gespecificeerd, wordt de standaard preset genegeerd.

Om de standaard preset uit te schakelen, kun je presets instellen op een lege array:

import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [], // schakel standaard preset uit
  rules: [
    // je aangepaste regels
  ],
})

Je kunt officiële presets en community presets bekijken voor meer.

Presets maken

Om te zien hoe je je eigen aangepaste preset kunt maken, zie Config: presets.