Presets

Presets sind das Herzstück von UnoCSS. Sie ermöglichen es Ihnen, Ihr eigenes benutzerdefiniertes Framework in Minuten zu erstellen.

Presets verwenden

Um Presets für Ihr Projekt festzulegen:

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

export default defineConfig({
  presets: [
    presetAttributify({ /* Preset-Optionen */}),
    presetWind3(),
    // ...benutzerdefinierte Presets
  ],
})

Wenn die Option presets angegeben ist, wird das Standard-Preset ignoriert.

Um das Standard-Preset zu deaktivieren, können Sie presets auf ein leeres Array setzen:

import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [], // Standard-Preset deaktivieren
  rules: [
    // Ihre benutzerdefinierten Regeln
  ],
})

Sie können offizielle Presets und Community-Presets für mehr Informationen überprüfen.

Presets erstellen

Um zu sehen, wie Sie Ihr eigenes benutzerdefiniertes Preset erstellen können, siehe Konfiguration: Presets.