Preset

I preset sono il cuore di UnoCSS. Ti permettono di creare il tuo framework personalizzato in pochi minuti.

Utilizzo dei preset

Per impostare i preset nel tuo progetto:

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

export default defineConfig({
  presets: [
    presetAttributify({ /* opzioni del preset */}),
    presetWind3(),
    // ...preset personalizzati
  ],
})

Quando l'opzione presets è specificata, il preset predefinito verrà ignorato.

Per disabilitare il preset predefinito, puoi impostare presets su un array vuoto:

import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [], // disabilita il preset predefinito
  rules: [
    // le tue regole personalizzate
  ],
})

Puoi controllare i preset ufficiali e i preset della comunità per maggiori informazioni.

Creazione di preset

Per vedere come puoi creare il tuo preset personalizzato, vedi Configurazione: preset.