Presets

Les presets sont des configurations partielles qui seront fusionnées dans la configuration principale.

Lors de la création d'un preset, on exporte généralement une fonction constructeur à laquelle vous pouvez passer des options spécifiques au preset. Par exemple :

import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // il prend en charge la plupart des configurations que vous pouvez avoir dans la config racine
  }
})

L'utilisateur peut alors l'utiliser ainsi :

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

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

Vous pouvez consulter les presets officiels et les presets communautaires pour plus d'exemples.