Presets

Preset-urile sunt configurări parțiale care vor fi îmbinate în configurarea principală.

Când creați un preset, de obicei exportăm o funcție constructor căreia i puteți cere câteva opțiuni specifice preset-ului. De exemplu:

import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // suportă majoritatea configurării pe care ați putea-o avea în configurarea rădăcină
  }
})

Apoi, utilizatorul poate să-l folosească astfel:

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

export default defineConfig({
  presets: [
    myPreset({ /* opțiuni preset */ }),
  ],
})

Puteți verifica preset-urile oficiale și preset-urile comunității pentru mai multe exemple.