Presets

Los presets son configuraciones parciales que se fusionarán en la configuración principal.

Al crear un preset, generalmente exportamos una función constructora a la que puedes pedir algunas opciones específicas del preset. Por ejemplo:

import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // soporta la mayoría de la configuración que podrías tener en la configuración raíz
  }
})

Entonces el usuario puede usarlo así:

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

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

Puedes consultar presets oficiales y presets de la comunidad para más ejemplos.