Presets

Los presets son el corazón de UnoCSS. Te permiten crear tu propio framework personalizado en minutos.

Usando presets

Para establecer presets en tu proyecto:

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

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

Cuando se especifica la opción presets, el preset por defecto será ignorado.

Para deshabilitar el preset por defecto, puedes establecer presets como un array vacío:

import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [], // deshabilitar preset por defecto
  rules: [
    // tus reglas personalizadas
  ],
})

Puedes consultar presets oficiales y presets de la comunidad para más información.

Creando presets

Para ver cómo puedes crear tu propio preset personalizado, consulta Config: presets.